synapse-react-client 4.0.18 → 4.0.20

package/dist/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaDrivenAnnotationEditor.js","names":[],"sources":["../../../src/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport {\n  useGetJson,\n  useGetSchema,\n  useGetSchemaBinding,\n  useUpdateViaJson,\n} from '@/synapse-queries'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { Alert, Box, Divider, Link, Typography } from '@mui/material'\nimport RJSF from '@rjsf/core'\nimport { RJSFValidationError } from '@rjsf/utils'\nimport validator from '@rjsf/validator-ajv8'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { EntityJson } from '@sage-bionetworks/synapse-types'\nimport { JSONSchema7 } from 'json-schema'\nimport { omitBy } from 'lodash-es'\nimport isEmpty from 'lodash-es/isEmpty'\nimport noop from 'lodash-es/noop'\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  ConfirmationButtons,\n  ConfirmationDialog,\n} from '../ConfirmationDialog/ConfirmationDialog'\nimport { JsonSchemaForm } from '../JsonSchemaForm/JsonSchemaForm'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  dropNullishArrayValues,\n  dropNullValues,\n  getPossibleTopLevelPropertiesInObjectSchema,\n  getFriendlyPropertyName,\n  getJsonSchemaForForm,\n  getSchemaIdForConcreteType,\n  transformErrors,\n  getUiSchemaForForm,\n  shouldLiveValidate,\n  customTranslateString,\n} from './AnnotationEditorUtils'\nimport SynapseAnnotationsRJSFObjectField from './field/SynapseAnnotationsRJSFObjectField'\nimport { ObjectFieldTemplate } from './template/ObjectFieldTemplate'\nimport SynapseAnnotationsWrapIfAdditionalTemplate from './template/SynapseAnnotationsWrapIfAdditionalTemplate'\nimport TextWidget from './widget/TextWidget'\n\nexport type SchemaDrivenAnnotationEditorProps = {\n  /** The entity whose annotations should be edited with the form */\n  entityId?: string\n  /** If no entity ID is supplied, the schema to use for the form */\n  schemaId?: string\n  /** May be used to directly provide a JSON Schema to use for the form */\n  validationSchema?: JSONSchema7\n  /** Optionally supply a ref to the form to handle submission externally with `formRef.current.submit()`. */\n  formRef?: RefObject<RJSF | null>\n  /** Provide live input validation. This can cause performance degradation. By default, liveValidate will be true if an entity with a schema and existing annotations is being edited */\n  liveValidate?: boolean\n  /** Invoked after a successful form submission */\n  onSuccess?: () => void\n  /** If defined and formRef is not supplied, shows a 'Cancel' button and runs this effect on click */\n  onCancel?: () => void\n  /** Passes new form data upon each change to the form */\n  onChange?: (annotations: Record<string, unknown>) => void\n  /** If true, the editor will not render its own submit UI. */\n  hideActions?: boolean\n}\n\n/**\n * Cleans the formData to remove values that are invalid for Synapse Annotations\n * @param formData\n * @param dropNullishValuesInArrays\n */\nfunction cleanFormData(\n  formData: Record<string, unknown> | undefined,\n  dropNullishValuesInArrays: boolean,\n) {\n  let cleanedFormData = dropNullValues(formData)\n  if (dropNullishValuesInArrays) {\n    cleanedFormData = dropNullishArrayValues(cleanedFormData)\n  }\n  return cleanedFormData\n}\n\n/**\n * Renders a form for editing an entity's annotations. The component also supports supplying just a schema ID,\n * but work to support annotation flows without an entity (i.e. before creating entities) is not yet complete.\n */\nexport function SchemaDrivenAnnotationEditor(\n  props: SchemaDrivenAnnotationEditorProps,\n) {\n  const {\n    entityId,\n    schemaId,\n    validationSchema: validationSchemaFromProps,\n    liveValidate: liveValidateFromProps,\n    onSuccess = () => {\n      /* no-op */\n    },\n    onCancel,\n    formRef: formRefFromParent,\n    onChange = noop,\n    hideActions = false,\n  } = props\n  const localRef = useRef<RJSF>(null)\n  const ref = formRefFromParent ?? localRef\n\n  // Client-side validation errors\n  const [validationError, setValidationError] = useState<\n    RJSFValidationError[] | undefined\n  >(undefined)\n\n  // Errors from the backend response\n  const [submissionError, setSubmissionError] = useState<\n    SynapseClientError | undefined\n  >(undefined)\n  const [showSubmissionError, setShowSubmissionError] = useState(false)\n\n  const [showConfirmation, setShowConfirmation] = useState(false)\n\n  const { data } = useGetJson(\n    entityId!,\n    undefined,\n    // Derived annotations will be precomputed and displayed as placeholders in the form\n    false,\n    {\n      // Metadata is being edited, so don't refetch\n      staleTime: Infinity,\n      enabled: !!entityId,\n      throwOnError: true,\n    },\n  )\n\n  const entityJson = data?.entityMetadata\n  const annotations = data?.annotations\n\n  // Annotation fields fetched and modified via the form\n  const [formData, setFormData] = useState<Record<string, unknown> | undefined>(\n    undefined,\n  )\n\n  // Set initial form data when the entity or its annotations change\n  useEffect(() => {\n    if (data?.entity) {\n      const formData = data.entity\n      const hasAnnotations = annotations && Object.keys(annotations).length > 0\n\n      const newFormData = !hasAnnotations\n        ? { ...formData, newKey: [''] }\n        : formData\n\n      setFormData(newFormData)\n    }\n  }, [data?.entity, annotations])\n\n  const { data: schema, isLoading: isLoadingBinding } = useGetSchemaBinding(\n    entityId!,\n    {\n      enabled: !!entityId,\n      refetchOnWindowFocus: false,\n      throwOnError: true,\n    },\n  )\n\n  // The full schema which is bound to the entity\n  const { data: fetchedValidationSchema, isLoading: isLoadingSchema } =\n    useGetSchema(schemaId ?? schema?.jsonSchemaVersionInfo.$id ?? '', {\n      enabled: !!schemaId || !!schema,\n      throwOnError: true,\n    })\n  const validationSchema = validationSchemaFromProps || fetchedValidationSchema\n\n  const concreteTypeSchemaId = getSchemaIdForConcreteType(\n    entityJson?.concreteType ?? '',\n  )\n  // The schema for the entity type (e.g. FileEntity, TableEntity, etc.)\n  const { data: schemaForEntityType, isLoading: isLoadingEntityTypeSchema } =\n    useGetSchema(concreteTypeSchemaId ?? '', {\n      enabled: !!concreteTypeSchemaId,\n      throwOnError: true,\n    })\n\n  const entitySchemaBaseProperties: JSONSchema7['properties'] = useMemo(\n    () =>\n      getPossibleTopLevelPropertiesInObjectSchema(schemaForEntityType ?? {}),\n    [schemaForEntityType],\n  )\n\n  const formSchema = useMemo(\n    () => getJsonSchemaForForm(validationSchema, schemaForEntityType),\n    [validationSchema, schemaForEntityType],\n  )\n\n  const uiSchema = useMemo(\n    () => getUiSchemaForForm(entitySchemaBaseProperties),\n    [entitySchemaBaseProperties],\n  )\n\n  const isLoading =\n    isLoadingBinding || isLoadingSchema || isLoadingEntityTypeSchema\n\n  const { mutate, isPending: updateIsPending } = useUpdateViaJson({\n    onSuccess: () => {\n      onSuccess()\n    },\n    onError: error => {\n      setSubmissionError(error)\n      setShowSubmissionError(true)\n    },\n  })\n\n  function submitChangedEntity() {\n    mutate({\n      ...cleanFormData(formData, true),\n      ...entityJson,\n    } as EntityJson)\n  }\n\n  const liveValidate =\n    liveValidateFromProps ?? shouldLiveValidate(annotations, validationSchema)\n\n  const formDataHasNoAnnotations =\n    entityJson &&\n    isEmpty(\n      omitBy(formData, (_value, key) =>\n        Object.keys(entityJson).find(k => k === key),\n      ),\n    )\n\n  const showHasNoAnnotationsAlert = schema === null && formDataHasNoAnnotations\n\n  return (\n    <div className=\"JsonSchemaFormContainer\">\n      {isLoading ? (\n        <div className=\"LoadingPlaceholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      ) : (\n        <>\n          {entityJson && schema && (\n            <Alert severity=\"info\" sx={{ mb: 2 }}>\n              <b>{entityJson.name}</b> requires scientific annotations specified\n              by <b>{schema.jsonSchemaVersionInfo.$id}</b>\n              {'. '}\n              <b>\n                <Link\n                  href={`${getEndpoint(\n                    BackendDestinationEnum.REPO_ENDPOINT,\n                  )}/repo/v1/schema/type/registered/${\n                    schema.jsonSchemaVersionInfo.$id\n                  }`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  View required schema (JSON)\n                </Link>\n              </b>\n            </Alert>\n          )}\n          {showHasNoAnnotationsAlert && (\n            <Alert severity=\"info\">\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: 0.5,\n                }}\n              >\n                <Typography variant={'smallText1'}>\n                  <b>{entityJson.name}</b> has no annotations. Click the{' '}\n                </Typography>\n                <AddToList />\n                <Typography variant={'smallText1'}>\n                  button to annotate.\n                </Typography>\n              </Box>\n            </Alert>\n          )}\n          <JsonSchemaForm\n            validator={validator}\n            liveValidate={liveValidate}\n            noHtml5Validate={true}\n            formRef={ref}\n            disabled={updateIsPending}\n            translateString={customTranslateString}\n            formContext={{\n              showDerivedAnnotationPlaceholder: true,\n              descriptionVariant: 'expand',\n              descriptionFormat: 'table',\n              allowFreeSoloEnum: true,\n            }}\n            experimental_defaultFormStateBehavior={{\n              emptyObjectFields: 'skipDefaults',\n            }}\n            fields={{\n              ObjectField: SynapseAnnotationsRJSFObjectField,\n            }}\n            templates={{\n              ObjectFieldTemplate: ObjectFieldTemplate,\n              WrapIfAdditionalTemplate:\n                SynapseAnnotationsWrapIfAdditionalTemplate,\n            }}\n            widgets={{\n              TextWidget: TextWidget,\n            }}\n            schema={formSchema}\n            uiSchema={uiSchema}\n            transformErrors={transformErrors}\n            formData={formData}\n            onChange={({ formData }) => {\n              onChange(formData)\n              setFormData(formData)\n              setValidationError(undefined)\n            }}\n            onBlur={() => {\n              setFormData(\n                // Clean the formData onBlur to remove null values that we will need to strip before submission\n                // This will ensure that the user gets accurate validation information since the data will match what the backend will receive\n                cleanFormData(\n                  formData,\n                  // Don't remove null values in arrays--the fields will disappear, which the user probably does not want\n                  false,\n                ),\n              )\n            }}\n            onSubmit={({ formData, errors }, event) => {\n              event.preventDefault()\n              if (errors && errors.length > 0) {\n                setValidationError(errors)\n              }\n              setShowSubmissionError(false)\n              setFormData(formData)\n              submitChangedEntity()\n            }}\n            onError={(errors: RJSFValidationError[]) => {\n              // invoked when submit is clicked and there are client-side validation errors\n              setValidationError(errors)\n              if ((validationError || liveValidate) && entityId) {\n                setShowConfirmation(true)\n              }\n            }}\n          >\n            {submissionError && showSubmissionError && (\n              <Alert severity=\"error\" sx={{ my: 2 }}>\n                Annotations could not be updated: {submissionError.reason}\n              </Alert>\n            )}\n            {!hideActions && (\n              <>\n                <Divider sx={{ my: 2 }} />\n                <Box\n                  sx={{\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    gridRowStart: 5,\n                  }}\n                >\n                  <ConfirmationButtons\n                    hasCancelButton={onCancel !== undefined}\n                    onCancel={() => {\n                      if (onCancel) {\n                        onCancel()\n                      }\n                    }}\n                    onConfirm={() => {\n                      ref.current!.formElement.current.requestSubmit()\n                    }}\n                    confirmButtonProps={{\n                      children: entityId ? 'Save' : 'Validate',\n                    }}\n                  />\n                </Box>\n              </>\n            )}\n          </JsonSchemaForm>\n          {showConfirmation && (\n            <ConfirmationDialog\n              open={true}\n              onConfirm={() => {\n                submitChangedEntity()\n                setShowConfirmation(false)\n              }}\n              onCancel={() => {\n                setShowConfirmation(false)\n              }}\n              title=\"Update Annotations\"\n              content={\n                <>\n                  <div>\n                    The following errors exist with the annotations you entered:\n                  </div>\n                  <div>\n                    <ul>\n                      {(validationError ?? []).map(\n                        (e: RJSFValidationError, index: number) => (\n                          <li key={index}>\n                            <b>{`${getFriendlyPropertyName(e)}: `}</b>{' '}\n                            {`${e.message}`}\n                          </li>\n                        ),\n                      )}\n                    </ul>\n                  </div>\n                  <div>\n                    Are you sure you want to save the invalid annotations?\n                  </div>\n                </>\n              }\n              confirmButtonProps={{\n                children: 'Save',\n              }}\n            />\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SchemaDrivenAnnotationEditor.js","names":[],"sources":["../../../src/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport {\n  useGetJson,\n  useGetSchema,\n  useGetSchemaBinding,\n  useUpdateViaJson,\n} from '@/synapse-queries'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { Alert, Box, Divider, Link, Typography } from '@mui/material'\nimport RJSF from '@rjsf/core'\nimport { RJSFValidationError } from '@rjsf/utils'\nimport validator from '@rjsf/validator-ajv8'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { EntityJson } from '@sage-bionetworks/synapse-types'\nimport { JSONSchema7 } from 'json-schema'\nimport { omitBy } from 'lodash-es'\nimport isEmpty from 'lodash-es/isEmpty'\nimport noop from 'lodash-es/noop'\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  ConfirmationButtons,\n  ConfirmationDialog,\n} from '../ConfirmationDialog/ConfirmationDialog'\nimport { JsonSchemaForm } from '../JsonSchemaForm/JsonSchemaForm'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  dropNullishArrayValues,\n  dropNullValues,\n  getPossibleTopLevelPropertiesInObjectSchema,\n  getFriendlyPropertyName,\n  getJsonSchemaForForm,\n  getSchemaIdForConcreteType,\n  transformErrors,\n  getUiSchemaForForm,\n  shouldLiveValidate,\n  customTranslateString,\n} from './AnnotationEditorUtils'\nimport SynapseAnnotationsRJSFObjectField from './field/SynapseAnnotationsRJSFObjectField'\nimport { ObjectFieldTemplate } from './template/ObjectFieldTemplate'\nimport SynapseAnnotationsWrapIfAdditionalTemplate from './template/SynapseAnnotationsWrapIfAdditionalTemplate'\nimport TextWidget from './widget/TextWidget'\n\nexport type SchemaDrivenAnnotationEditorProps = {\n  /** The entity whose annotations should be edited with the form */\n  entityId?: string\n  /** If no entity ID is supplied, the schema to use for the form */\n  schemaId?: string\n  /** May be used to directly provide a JSON Schema to use for the form */\n  validationSchema?: JSONSchema7\n  /** Optionally supply a ref to the form to handle submission externally with `formRef.current.submit()`. */\n  formRef?: RefObject<RJSF | null>\n  /** Provide live input validation. This can cause performance degradation. By default, liveValidate will be true if an entity with a schema and existing annotations is being edited */\n  liveValidate?: boolean\n  /** Invoked after a successful form submission */\n  onSuccess?: () => void\n  /** If defined and formRef is not supplied, shows a 'Cancel' button and runs this effect on click */\n  onCancel?: () => void\n  /** Passes new form data upon each change to the form */\n  onChange?: (annotations: Record<string, unknown>) => void\n  /** If true, the editor will not render its own submit UI. */\n  hideActions?: boolean\n}\n\n/**\n * Cleans the formData to remove values that are invalid for Synapse Annotations\n * @param formData\n * @param dropNullishValuesInArrays\n */\nfunction cleanFormData(\n  formData: Record<string, unknown> | undefined,\n  dropNullishValuesInArrays: boolean,\n) {\n  let cleanedFormData = dropNullValues(formData)\n  if (dropNullishValuesInArrays) {\n    cleanedFormData = dropNullishArrayValues(cleanedFormData)\n  }\n  return cleanedFormData\n}\n\n/**\n * Renders a form for editing an entity's annotations. The component also supports supplying just a schema ID,\n * but work to support annotation flows without an entity (i.e. before creating entities) is not yet complete.\n */\nexport function SchemaDrivenAnnotationEditor(\n  props: SchemaDrivenAnnotationEditorProps,\n) {\n  const {\n    entityId,\n    schemaId,\n    validationSchema: validationSchemaFromProps,\n    liveValidate: liveValidateFromProps,\n    onSuccess = () => {\n      /* no-op */\n    },\n    onCancel,\n    formRef: formRefFromParent,\n    onChange = noop,\n    hideActions = false,\n  } = props\n  const localRef = useRef<RJSF>(null)\n  const ref = formRefFromParent ?? localRef\n\n  // Client-side validation errors\n  const [validationError, setValidationError] = useState<\n    RJSFValidationError[] | undefined\n  >(undefined)\n\n  // Errors from the backend response\n  const [submissionError, setSubmissionError] = useState<\n    SynapseClientError | undefined\n  >(undefined)\n  const [showSubmissionError, setShowSubmissionError] = useState(false)\n\n  const [showConfirmation, setShowConfirmation] = useState(false)\n\n  const { data } = useGetJson(\n    entityId!,\n    undefined,\n    // Derived annotations will be precomputed and displayed as placeholders in the form\n    false,\n    {\n      // Metadata is being edited, so don't refetch\n      staleTime: Infinity,\n      enabled: !!entityId,\n      throwOnError: true,\n    },\n  )\n\n  const entityJson = data?.entityMetadata\n  const annotations = data?.annotations\n\n  // Annotation fields fetched and modified via the form\n  const [formData, setFormData] = useState<Record<string, unknown> | undefined>(\n    undefined,\n  )\n\n  // Set initial form data when the entity or its annotations change\n  useEffect(() => {\n    if (data?.entity) {\n      const formData = data.entity\n      const hasAnnotations = annotations && Object.keys(annotations).length > 0\n\n      const newFormData = !hasAnnotations\n        ? { ...formData, newKey: [''] }\n        : formData\n\n      setFormData(newFormData)\n    }\n  }, [data?.entity, annotations])\n\n  const { data: schema, isLoading: isLoadingBinding } = useGetSchemaBinding(\n    entityId!,\n    {\n      enabled: !!entityId,\n      refetchOnWindowFocus: false,\n      throwOnError: true,\n    },\n  )\n\n  // The full schema which is bound to the entity\n  const { data: fetchedValidationSchema, isLoading: isLoadingSchema } =\n    useGetSchema(schemaId ?? schema?.jsonSchemaVersionInfo.$id ?? '', {\n      enabled: !!schemaId || !!schema,\n      throwOnError: true,\n    })\n  const validationSchema = validationSchemaFromProps || fetchedValidationSchema\n\n  const concreteTypeSchemaId = getSchemaIdForConcreteType(\n    entityJson?.concreteType ?? '',\n  )\n  // The schema for the entity type (e.g. FileEntity, TableEntity, etc.)\n  const { data: schemaForEntityType, isLoading: isLoadingEntityTypeSchema } =\n    useGetSchema(concreteTypeSchemaId ?? '', {\n      enabled: !!concreteTypeSchemaId,\n      throwOnError: true,\n    })\n\n  const entitySchemaBaseProperties: JSONSchema7['properties'] = useMemo(\n    () =>\n      getPossibleTopLevelPropertiesInObjectSchema(schemaForEntityType ?? {}),\n    [schemaForEntityType],\n  )\n\n  const formSchema = useMemo(\n    () => getJsonSchemaForForm(validationSchema, schemaForEntityType),\n    [validationSchema, schemaForEntityType],\n  )\n\n  const uiSchema = useMemo(\n    () => getUiSchemaForForm(entitySchemaBaseProperties),\n    [entitySchemaBaseProperties],\n  )\n\n  const isLoading =\n    isLoadingBinding || isLoadingSchema || isLoadingEntityTypeSchema\n\n  const { mutate, isPending: updateIsPending } = useUpdateViaJson({\n    onSuccess: () => {\n      onSuccess()\n    },\n    onError: error => {\n      setSubmissionError(error)\n      setShowSubmissionError(true)\n    },\n  })\n\n  function submitChangedEntity() {\n    mutate({\n      ...cleanFormData(formData, true),\n      ...entityJson,\n    } as EntityJson)\n  }\n\n  const liveValidate =\n    liveValidateFromProps ?? shouldLiveValidate(annotations, validationSchema)\n\n  const formDataHasNoAnnotations =\n    entityJson &&\n    isEmpty(\n      omitBy(formData, (_value, key) =>\n        Object.keys(entityJson).find(k => k === key),\n      ),\n    )\n\n  const showHasNoAnnotationsAlert = schema === null && formDataHasNoAnnotations\n\n  return (\n    <div className=\"JsonSchemaFormContainer\">\n      {isLoading ? (\n        <div className=\"LoadingPlaceholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      ) : (\n        <>\n          {entityJson && schema && (\n            <Alert severity=\"info\" sx={{ mb: 2 }}>\n              <b>{entityJson.name}</b> requires scientific annotations specified\n              by <b>{schema.jsonSchemaVersionInfo.$id}</b>\n              {'. '}\n              <b>\n                <Link\n                  href={`${getEndpoint(\n                    BackendDestinationEnum.REPO_ENDPOINT,\n                  )}/repo/v1/schema/type/registered/${\n                    schema.jsonSchemaVersionInfo.$id\n                  }`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  View required schema (JSON)\n                </Link>\n              </b>\n            </Alert>\n          )}\n          {showHasNoAnnotationsAlert && (\n            <Alert severity=\"info\">\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: 0.5,\n                }}\n              >\n                <Typography variant={'smallText1'}>\n                  <b>{entityJson.name}</b> has no annotations. Click the{' '}\n                </Typography>\n                <AddToList />\n                <Typography variant={'smallText1'}>\n                  button to annotate.\n                </Typography>\n              </Box>\n            </Alert>\n          )}\n          <JsonSchemaForm\n            validator={validator}\n            liveValidate={liveValidate}\n            noHtml5Validate={true}\n            formRef={ref}\n            disabled={updateIsPending}\n            translateString={customTranslateString}\n            formContext={{\n              showDerivedAnnotationPlaceholder: true,\n              descriptionVariant: 'expand',\n              descriptionFormat: 'table',\n              allowFreeSoloEnum: true,\n            }}\n            experimental_defaultFormStateBehavior={{\n              emptyObjectFields: 'skipDefaults',\n            }}\n            fields={{\n              ObjectField: SynapseAnnotationsRJSFObjectField,\n            }}\n            templates={{\n              ObjectFieldTemplate: ObjectFieldTemplate,\n              WrapIfAdditionalTemplate:\n                SynapseAnnotationsWrapIfAdditionalTemplate,\n            }}\n            widgets={{\n              TextWidget: TextWidget,\n            }}\n            schema={formSchema}\n            uiSchema={uiSchema}\n            transformErrors={transformErrors}\n            formData={formData}\n            onChange={({ formData }) => {\n              onChange(formData)\n              setFormData(formData)\n              setValidationError(undefined)\n            }}\n            onBlur={() => {\n              setFormData(\n                // Clean the formData onBlur to remove null values that we will need to strip before submission\n                // This will ensure that the user gets accurate validation information since the data will match what the backend will receive\n                cleanFormData(\n                  formData,\n                  // Don't remove null values in arrays--the fields will disappear, which the user probably does not want\n                  false,\n                ),\n              )\n            }}\n            onSubmit={({ formData, errors }, event) => {\n              event.preventDefault()\n              if (errors && errors.length > 0) {\n                setValidationError(errors)\n              }\n              setShowSubmissionError(false)\n              setFormData(formData)\n              submitChangedEntity()\n            }}\n            onError={(errors: RJSFValidationError[]) => {\n              // invoked when submit is clicked and there are client-side validation errors\n              setValidationError(errors)\n              if ((validationError || liveValidate) && entityId) {\n                setShowConfirmation(true)\n              }\n            }}\n          >\n            {submissionError && showSubmissionError && (\n              <Alert severity=\"error\" sx={{ my: 2 }}>\n                Annotations could not be updated: {submissionError.reason}\n              </Alert>\n            )}\n            {!hideActions && (\n              <>\n                <Divider sx={{ my: 2 }} />\n                <Box\n                  sx={{\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    gridRowStart: 5,\n                  }}\n                >\n                  <ConfirmationButtons\n                    hasCancelButton={onCancel !== undefined}\n                    onCancel={() => {\n                      if (onCancel) {\n                        onCancel()\n                      }\n                    }}\n                    onConfirm={() => {\n                      ref.current!.formElement.current.requestSubmit()\n                    }}\n                    confirmButtonProps={{\n                      children: entityId ? 'Save' : 'Validate',\n                    }}\n                  />\n                </Box>\n              </>\n            )}\n          </JsonSchemaForm>\n          {showConfirmation && (\n            <ConfirmationDialog\n              open={true}\n              onConfirm={() => {\n                submitChangedEntity()\n                setShowConfirmation(false)\n              }}\n              onCancel={() => {\n                setShowConfirmation(false)\n              }}\n              title=\"Update Annotations\"\n              content={\n                <>\n                  <div>\n                    The following errors exist with the annotations you entered:\n                  </div>\n                  <div>\n                    <ul>\n                      {(validationError ?? []).map(\n                        (e: RJSFValidationError, index: number) => (\n                          <li key={index}>\n                            <b>{`${getFriendlyPropertyName(e)}: `}</b>{' '}\n                            {`${e.message}`}\n                          </li>\n                        ),\n                      )}\n                    </ul>\n                  </div>\n                  <div>\n                    Are you sure you want to save the invalid annotations?\n                  </div>\n                </>\n              }\n              confirmButtonProps={{\n                children: 'Save',\n              }}\n            />\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalPropertiesSchemaField.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx"],"sourcesContent":["import {\n  FieldProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { isEqual } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport FullWidthAlert from '../../FullWidthAlert/FullWidthAlert'\nimport { convertToArray } from '../AnnotationEditorUtils'\nimport { GridLegacy as Grid, InputLabel } from '@mui/material'\nimport { AdditionalPropertyContextProvider } from '../template/AdditionalPropertyContext'\n\n// Matches ####-##-##T##:##:##.###Z, e.g. 1970-01-01T12:00:000Z\nconst ISO_TIMESTAMP_REGEX = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}Z/\n\n// Types that correspond to the different input fields that the annotation editor supports\nconst propertyTypeArray = [\n  'String',\n  'Integer',\n  'Float',\n  'Boolean',\n  'Datetime',\n] as const\n\nexport type PropertyType = (typeof propertyTypeArray)[number]\n\nexport function guessPropertyType(list: Array<unknown>): PropertyType {\n  if (list.length === 0) {\n    // The field was just added, so default to string\n    return 'String'\n  } else if (\n    list.every(\n      item => typeof item === 'number' || item === 'NaN', // \"NaN\" is technically a float value\n    )\n  ) {\n    if (list.every(item => Number.isInteger(item))) {\n      return 'Integer'\n    } else {\n      return 'Float'\n    }\n  } else if (list.every(item => typeof item === 'boolean')) {\n    return 'Boolean'\n  } else if (\n    list.every(item => typeof item === 'string') &&\n    list.every((item: string) => !!ISO_TIMESTAMP_REGEX.exec(item))\n  ) {\n    return 'Datetime'\n  }\n  // otherwise, default type is 'string'\n  return 'String'\n}\n\nexport function transformDataFromPropertyType(\n  list: Array<any>,\n  propertyType: PropertyType,\n) {\n  switch (propertyType) {\n    case 'Integer':\n      return list.map(item =>\n        Number.isNaN(Number(item)) ? 0 : Math.floor(Number(item)),\n      )\n\n    case 'Float':\n      return list.map(item => {\n        const asFloat = parseFloat(item as string)\n        if (Number.isNaN(asFloat)) {\n          return 'NaN'\n        } else if (Number.isInteger(asFloat)) {\n          return asFloat.toFixed(1)\n        } else {\n          return asFloat\n        }\n      })\n    case 'Datetime':\n      return list.map(item => {\n        if (typeof item === 'string' && ISO_TIMESTAMP_REGEX.exec(item)) {\n          return item\n        } else {\n          return new Date().toISOString()\n        }\n      })\n    case 'Boolean':\n      return list.map(item => !!item)\n    case 'String':\n    default:\n      return list.map(item => String(item))\n  }\n}\n\n/**\n * Maps a Synapse Annotation PropertyType to a JSON Schema that captures the type and format.\n * @param propertyType\n */\nexport function getSchemaForPropertyType(propertyType: PropertyType) {\n  switch (propertyType) {\n    case 'Datetime':\n      return { type: 'string', format: 'datetime' }\n    case 'Boolean':\n      return { type: 'boolean' }\n    case 'Float':\n      return { type: 'number' }\n    case 'Integer':\n      return { type: 'integer' }\n    case 'String':\n    default:\n      return { type: 'string' }\n  }\n}\n\n/**\n * react-jsonschema-form SchemaField override for \"additionalProperties\" only. In Synapse these are \"custom annotations\".\n * Modifies the data to provide full compatibility with Synapse annotations features.\n *\n * This component provides these enhancements to the SchemaField:\n * - Supports selecting a type, and changing the input widget appropriately\n * - Identifying the type on mount\n * - Treat all field values as arrays\n * - When the last array value is removed, remove the entire key from the form.\n * @param props\n * @returns\n */\nexport function AdditionalPropertiesSchemaField<\n  T extends Array<unknown> = Array<unknown>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(\n  props: FieldProps<T, S, F> & {\n    onDropPropertyClick: (key: string) => (event: any) => void\n  },\n) {\n  const {\n    formData,\n    onChange,\n    registry,\n    schema,\n    name,\n    onDropPropertyClick,\n    idSchema,\n  } = props\n  const id = idSchema.$id\n  const { ArrayField } = registry.fields\n  const { SelectWidget } = registry.widgets\n\n  // The type determines which widget we show.\n  const [propertyType, setPropertyType] = useState(\n    guessPropertyType(convertToArray(formData)),\n  )\n\n  // If the property type is updated, store it in a new variable where we'll show a warning if data may be lost on coersion\n  const [nextPropertyType, setNextPropertyType] = useState(propertyType)\n\n  /**\n   * This effect is invoked whenever the user attempts to change the datatype of a custom annotation.\n   */\n  useEffect(() => {\n    function onNextPropertyTypeUpdate() {\n      if (Array.isArray(formData)) {\n        const dataIsEmpty =\n          formData.length === 0 ||\n          formData.every(item => item == null || item == '')\n        const coercedList = transformDataFromPropertyType(\n          formData,\n          nextPropertyType,\n        )\n        // if the data is empty or identical after conversion, then just update the property type\n        if (dataIsEmpty || nextPropertyType !== propertyType) {\n          if (isEqual(formData, coercedList)) {\n            setPropertyType(nextPropertyType)\n          }\n        }\n      }\n    }\n\n    onNextPropertyTypeUpdate()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [nextPropertyType])\n\n  /**\n   * This effect is invoked whenever the propertyType changes.\n   */\n  useEffect(() => {\n    function coerceDataAndUpdateWidget() {\n      if (Array.isArray(formData)) {\n        if (formData.every(item => item == null)) {\n          onDropPropertyClick(name)(new CustomEvent('dropEmptyProperty'))\n        } else {\n          const coercedList = transformDataFromPropertyType(\n            formData,\n            nextPropertyType,\n          ) as unknown as T\n\n          // Data conversion is non-destructive or has been confirmed by the user\n          setPropertyType(nextPropertyType)\n          // Coerce the data to match the new type\n          onChange(coercedList)\n        }\n      }\n    }\n\n    coerceDataAndUpdateWidget()\n    // Don't add other properties to dependency array because we don't want to automatically coerce input\n    // i.e. Only coerce data when the type changes, which should only be on mount or when the user explicitly chooses a new type.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [propertyType])\n\n  const itemsSchema = getSchemaForPropertyType(propertyType)\n\n  useEffect(() => {\n    // If the additional property has not yet been coerced to an array, trigger an update to coerce and render nothing.\n    // We must do this because RJSF does not currently batch these kinds of updates\n    // See https://github.com/rjsf-team/react-jsonschema-form/issues/3367\n    if (!Array.isArray(formData)) {\n      onChange(convertToArray(formData) as unknown as T)\n    }\n  }, [formData, onChange])\n\n  if (!Array.isArray(formData)) {\n    return <></>\n  }\n\n  return (\n    <AdditionalPropertyContextProvider\n      value={{\n        dropProperty: e => {\n          onDropPropertyClick(name)(e)\n        },\n      }}\n    >\n      <Grid item xs={2}>\n        <InputLabel htmlFor={`${id}-type`}>Type</InputLabel>\n        <SelectWidget\n          name={'Type'}\n          id={`${id}-type`}\n          schema={{} as S}\n          options={{\n            enumOptions: propertyTypeArray.map(type => ({\n              label: type,\n              value: type,\n            })),\n          }}\n          value={propertyType}\n          onChange={value => {\n            setNextPropertyType(value as PropertyType)\n          }}\n          disabled={props.disabled}\n          readOnly={props.readonly}\n          required={true}\n          isClearable={false}\n          onBlur={() => {}}\n          onFocus={() => {}}\n          registry={registry}\n          label={'Type'}\n        />\n      </Grid>\n      <Grid item xs={7}>\n        <ArrayField\n          {...props}\n          uiSchema={{\n            ...props.uiSchema,\n            'ui:title': 'Value(s)',\n            items: {\n              ...props.uiSchema?.items,\n              'ui:placeholder': 'New Value',\n            },\n          }}\n          schema={{\n            ...schema,\n            items: {\n              ...itemsSchema,\n            },\n          }}\n        />\n      </Grid>\n      {propertyType !== nextPropertyType && (\n        <FullWidthAlert\n          variant=\"warning\"\n          title=\"Data may be lost when converting types\"\n          description={`Are you sure you want to convert ${name} from ${propertyType} to ${nextPropertyType}? Current values may be lost on conversion.`}\n          primaryButtonConfig={{\n            text: 'Convert',\n            onClick: () => {\n              setPropertyType(nextPropertyType)\n            },\n          }}\n          secondaryButtonConfig={{\n            text: 'Cancel',\n            onClick: () => {\n              setNextPropertyType(propertyType)\n            },\n          }}\n          isGlobal={false}\n        />\n      )}\n    </AdditionalPropertyContextProvider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdditionalPropertiesSchemaField.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx"],"sourcesContent":["import {\n  FieldProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { isEqual } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport FullWidthAlert from '../../FullWidthAlert/FullWidthAlert'\nimport { convertToArray } from '../AnnotationEditorUtils'\nimport { GridLegacy as Grid, InputLabel } from '@mui/material'\nimport { AdditionalPropertyContextProvider } from '../template/AdditionalPropertyContext'\n\n// Matches ####-##-##T##:##:##.###Z, e.g. 1970-01-01T12:00:000Z\nconst ISO_TIMESTAMP_REGEX = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}Z/\n\n// Types that correspond to the different input fields that the annotation editor supports\nconst propertyTypeArray = [\n  'String',\n  'Integer',\n  'Float',\n  'Boolean',\n  'Datetime',\n] as const\n\nexport type PropertyType = (typeof propertyTypeArray)[number]\n\nexport function guessPropertyType(list: Array<unknown>): PropertyType {\n  if (list.length === 0) {\n    // The field was just added, so default to string\n    return 'String'\n  } else if (\n    list.every(\n      item => typeof item === 'number' || item === 'NaN', // \"NaN\" is technically a float value\n    )\n  ) {\n    if (list.every(item => Number.isInteger(item))) {\n      return 'Integer'\n    } else {\n      return 'Float'\n    }\n  } else if (list.every(item => typeof item === 'boolean')) {\n    return 'Boolean'\n  } else if (\n    list.every(item => typeof item === 'string') &&\n    list.every((item: string) => !!ISO_TIMESTAMP_REGEX.exec(item))\n  ) {\n    return 'Datetime'\n  }\n  // otherwise, default type is 'string'\n  return 'String'\n}\n\nexport function transformDataFromPropertyType(\n  list: Array<any>,\n  propertyType: PropertyType,\n) {\n  switch (propertyType) {\n    case 'Integer':\n      return list.map(item =>\n        Number.isNaN(Number(item)) ? 0 : Math.floor(Number(item)),\n      )\n\n    case 'Float':\n      return list.map(item => {\n        const asFloat = parseFloat(item as string)\n        if (Number.isNaN(asFloat)) {\n          return 'NaN'\n        } else if (Number.isInteger(asFloat)) {\n          return asFloat.toFixed(1)\n        } else {\n          return asFloat\n        }\n      })\n    case 'Datetime':\n      return list.map(item => {\n        if (typeof item === 'string' && ISO_TIMESTAMP_REGEX.exec(item)) {\n          return item\n        } else {\n          return new Date().toISOString()\n        }\n      })\n    case 'Boolean':\n      return list.map(item => !!item)\n    case 'String':\n    default:\n      return list.map(item => String(item))\n  }\n}\n\n/**\n * Maps a Synapse Annotation PropertyType to a JSON Schema that captures the type and format.\n * @param propertyType\n */\nexport function getSchemaForPropertyType(propertyType: PropertyType) {\n  switch (propertyType) {\n    case 'Datetime':\n      return { type: 'string', format: 'datetime' }\n    case 'Boolean':\n      return { type: 'boolean' }\n    case 'Float':\n      return { type: 'number' }\n    case 'Integer':\n      return { type: 'integer' }\n    case 'String':\n    default:\n      return { type: 'string' }\n  }\n}\n\n/**\n * react-jsonschema-form SchemaField override for \"additionalProperties\" only. In Synapse these are \"custom annotations\".\n * Modifies the data to provide full compatibility with Synapse annotations features.\n *\n * This component provides these enhancements to the SchemaField:\n * - Supports selecting a type, and changing the input widget appropriately\n * - Identifying the type on mount\n * - Treat all field values as arrays\n * - When the last array value is removed, remove the entire key from the form.\n * @param props\n * @returns\n */\nexport function AdditionalPropertiesSchemaField<\n  T extends Array<unknown> = Array<unknown>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(\n  props: FieldProps<T, S, F> & {\n    onDropPropertyClick: (key: string) => (event: any) => void\n  },\n) {\n  const {\n    formData,\n    onChange,\n    registry,\n    schema,\n    name,\n    onDropPropertyClick,\n    idSchema,\n  } = props\n  const id = idSchema.$id\n  const { ArrayField } = registry.fields\n  const { SelectWidget } = registry.widgets\n\n  // The type determines which widget we show.\n  const [propertyType, setPropertyType] = useState(\n    guessPropertyType(convertToArray(formData)),\n  )\n\n  // If the property type is updated, store it in a new variable where we'll show a warning if data may be lost on coersion\n  const [nextPropertyType, setNextPropertyType] = useState(propertyType)\n\n  /**\n   * This effect is invoked whenever the user attempts to change the datatype of a custom annotation.\n   */\n  useEffect(() => {\n    function onNextPropertyTypeUpdate() {\n      if (Array.isArray(formData)) {\n        const dataIsEmpty =\n          formData.length === 0 ||\n          formData.every(item => item == null || item == '')\n        const coercedList = transformDataFromPropertyType(\n          formData,\n          nextPropertyType,\n        )\n        // if the data is empty or identical after conversion, then just update the property type\n        if (dataIsEmpty || nextPropertyType !== propertyType) {\n          if (isEqual(formData, coercedList)) {\n            setPropertyType(nextPropertyType)\n          }\n        }\n      }\n    }\n\n    onNextPropertyTypeUpdate()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [nextPropertyType])\n\n  /**\n   * This effect is invoked whenever the propertyType changes.\n   */\n  useEffect(() => {\n    function coerceDataAndUpdateWidget() {\n      if (Array.isArray(formData)) {\n        if (formData.every(item => item == null)) {\n          onDropPropertyClick(name)(new CustomEvent('dropEmptyProperty'))\n        } else {\n          const coercedList = transformDataFromPropertyType(\n            formData,\n            nextPropertyType,\n          ) as unknown as T\n\n          // Data conversion is non-destructive or has been confirmed by the user\n          setPropertyType(nextPropertyType)\n          // Coerce the data to match the new type\n          onChange(coercedList)\n        }\n      }\n    }\n\n    coerceDataAndUpdateWidget()\n    // Don't add other properties to dependency array because we don't want to automatically coerce input\n    // i.e. Only coerce data when the type changes, which should only be on mount or when the user explicitly chooses a new type.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [propertyType])\n\n  const itemsSchema = getSchemaForPropertyType(propertyType)\n\n  useEffect(() => {\n    // If the additional property has not yet been coerced to an array, trigger an update to coerce and render nothing.\n    // We must do this because RJSF does not currently batch these kinds of updates\n    // See https://github.com/rjsf-team/react-jsonschema-form/issues/3367\n    if (!Array.isArray(formData)) {\n      onChange(convertToArray(formData) as unknown as T)\n    }\n  }, [formData, onChange])\n\n  if (!Array.isArray(formData)) {\n    return <></>\n  }\n\n  return (\n    <AdditionalPropertyContextProvider\n      value={{\n        dropProperty: e => {\n          onDropPropertyClick(name)(e)\n        },\n      }}\n    >\n      <Grid item xs={2}>\n        <InputLabel htmlFor={`${id}-type`}>Type</InputLabel>\n        <SelectWidget\n          name={'Type'}\n          id={`${id}-type`}\n          schema={{} as S}\n          options={{\n            enumOptions: propertyTypeArray.map(type => ({\n              label: type,\n              value: type,\n            })),\n          }}\n          value={propertyType}\n          onChange={value => {\n            setNextPropertyType(value as PropertyType)\n          }}\n          disabled={props.disabled}\n          readOnly={props.readonly}\n          required={true}\n          isClearable={false}\n          onBlur={() => {}}\n          onFocus={() => {}}\n          registry={registry}\n          label={'Type'}\n        />\n      </Grid>\n      <Grid item xs={7}>\n        <ArrayField\n          {...props}\n          uiSchema={{\n            ...props.uiSchema,\n            'ui:title': 'Value(s)',\n            items: {\n              ...props.uiSchema?.items,\n              'ui:placeholder': 'New Value',\n            },\n          }}\n          schema={{\n            ...schema,\n            items: {\n              ...itemsSchema,\n            },\n          }}\n        />\n      </Grid>\n      {propertyType !== nextPropertyType && (\n        <FullWidthAlert\n          variant=\"warning\"\n          title=\"Data may be lost when converting types\"\n          description={`Are you sure you want to convert ${name} from ${propertyType} to ${nextPropertyType}? Current values may be lost on conversion.`}\n          primaryButtonConfig={{\n            text: 'Convert',\n            onClick: () => {\n              setPropertyType(nextPropertyType)\n            },\n          }}\n          secondaryButtonConfig={{\n            text: 'Cancel',\n            onClick: () => {\n              setNextPropertyType(propertyType)\n            },\n          }}\n          isGlobal={false}\n        />\n      )}\n    </AdditionalPropertyContextProvider>\n  )\n}\n"],"mappings":"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"}

package/dist/components/SchemaDrivenAnnotationEditor/field/SynapseAnnotationsRJSFObjectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseAnnotationsRJSFObjectField.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/SynapseAnnotationsRJSFObjectField.tsx"],"sourcesContent":["import { getDefaultRegistry } from '@rjsf/core'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  deepEquals,\n  FieldProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { useEffect } from 'react'\nimport {\n  convertToArray,\n  getPossibleTopLevelPropertiesInObjectSchema,\n} from '../AnnotationEditorUtils'\n\n/**\n * Extends the @rjsf/core `ObjectField` and just adds a custom hook for Synapse annotation business logic\n */\nexport function SynapseAnnotationsRJSFObjectField<\n  T extends Record<string, any> | null | undefined = Record<string, any>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldProps<T, S, F>) {\n  const { schema, formData, onChange } = props\n  const {\n    fields: { ObjectField },\n  } = getDefaultRegistry<T, S, F>()\n  /**\n   * For an object, this will\n   * - convert additionalProperties formData to arrays\n   * - convert schema-defined formData from an array to a non-array if the schema type is not an array\n   * @param props\n   */\n  useEffect(() => {\n    const newFormData: Record<string, any> = { ...formData }\n    const allProperties = getPossibleTopLevelPropertiesInObjectSchema(schema)\n    if (allProperties) {\n      Object.entries(allProperties).forEach(([key, propertySchema]) => {\n        // Since the annotations object is flat, we can safely use the property name as the key (no nested properties)\n        const data = newFormData[key]\n        if (\n          (\n            propertySchema as JSONSchema7Definition &\n              Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n          )[ADDITIONAL_PROPERTY_FLAG]\n        ) {\n          /**\n           * All additional properties should be converted to arrays.\n           *\n           * We need to convert it right away because the order of items is not stable, and seems to depend on if the item is an array or not\n           */\n          if (!Array.isArray(data)) {\n            newFormData[key] = convertToArray(data)\n          }\n        } else {\n          /**\n           * If the schema does not call for an array, but the formData is an array, then this will coerce it to a string.\n           *\n           * This can occur when a formData value is an additionalProperty, which we always treat as an array, then the key\n           * is added to the schema (e.g. conditionally).\n           */\n          if (\n            typeof propertySchema === 'object' &&\n            'type' in propertySchema &&\n            propertySchema.type !== 'array' &&\n            Array.isArray(data)\n          ) {\n            newFormData[key] = data.map(v => `${v}`).join(', ')\n          }\n        }\n      })\n      if (!deepEquals(formData, newFormData)) {\n        onChange(newFormData as T)\n      }\n    }\n  }, [schema, formData, onChange])\n\n  return <ObjectField {...props} />\n}\n\nexport default SynapseAnnotationsRJSFObjectField\n"],"mappings":";;;;;;AAmBA,SAAgB,EAId,GAA4B;CAC5B,IAAM,EAAE,WAAQ,aAAU,gBAAa,GACjC,EACJ,QAAQ,EAAE,qBACR,GAA6B;AAmDjC,QA5CA,QAAgB;EACd,IAAM,IAAmC,EAAE,GAAG,GAAU,EAClD,IAAgB,EAA4C,EAAO;AACzE,EAAI,MACF,OAAO,QAAQ,EAAc,CAAC,SAAS,CAAC,GAAK,OAAoB;GAE/D,IAAM,IAAO,EAAY;AACzB,GAEI,EAEA,KAOG,MAAM,QAAQ,EAAK,KACtB,EAAY,KAAO,EAAe,EAAK,IAUvC,OAAO,KAAmB,YAC1B,UAAU,KACV,EAAe,SAAS,WACxB,MAAM,QAAQ,EAAK,KAEnB,EAAY,KAAO,EAAK,KAAI,MAAK,GAAG,IAAI,CAAC,KAAK,KAAK;IAGvD,EACG,EAAW,GAAU,EAAY,IACpC,EAAS,EAAiB;IAG7B;EAAC;EAAQ;EAAU;EAAS,CAAC,EAEzB,kBAAC,GAAD,EAAa,GAAI,GAAS,CAAA"}
+{"version":3,"file":"SynapseAnnotationsRJSFObjectField.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/SynapseAnnotationsRJSFObjectField.tsx"],"sourcesContent":["import { getDefaultRegistry } from '@rjsf/core'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  deepEquals,\n  FieldProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { useEffect } from 'react'\nimport {\n  convertToArray,\n  getPossibleTopLevelPropertiesInObjectSchema,\n} from '../AnnotationEditorUtils'\n\n/**\n * Extends the @rjsf/core `ObjectField` and just adds a custom hook for Synapse annotation business logic\n */\nexport function SynapseAnnotationsRJSFObjectField<\n  T extends Record<string, any> | null | undefined = Record<string, any>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldProps<T, S, F>) {\n  const { schema, formData, onChange } = props\n  const {\n    fields: { ObjectField },\n  } = getDefaultRegistry<T, S, F>()\n  /**\n   * For an object, this will\n   * - convert additionalProperties formData to arrays\n   * - convert schema-defined formData from an array to a non-array if the schema type is not an array\n   * @param props\n   */\n  useEffect(() => {\n    const newFormData: Record<string, any> = { ...formData }\n    const allProperties = getPossibleTopLevelPropertiesInObjectSchema(schema)\n    if (allProperties) {\n      Object.entries(allProperties).forEach(([key, propertySchema]) => {\n        // Since the annotations object is flat, we can safely use the property name as the key (no nested properties)\n        const data = newFormData[key]\n        if (\n          (\n            propertySchema as JSONSchema7Definition &\n              Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n          )[ADDITIONAL_PROPERTY_FLAG]\n        ) {\n          /**\n           * All additional properties should be converted to arrays.\n           *\n           * We need to convert it right away because the order of items is not stable, and seems to depend on if the item is an array or not\n           */\n          if (!Array.isArray(data)) {\n            newFormData[key] = convertToArray(data)\n          }\n        } else {\n          /**\n           * If the schema does not call for an array, but the formData is an array, then this will coerce it to a string.\n           *\n           * This can occur when a formData value is an additionalProperty, which we always treat as an array, then the key\n           * is added to the schema (e.g. conditionally).\n           */\n          if (\n            typeof propertySchema === 'object' &&\n            'type' in propertySchema &&\n            propertySchema.type !== 'array' &&\n            Array.isArray(data)\n          ) {\n            newFormData[key] = data.map(v => `${v}`).join(', ')\n          }\n        }\n      })\n      if (!deepEquals(formData, newFormData)) {\n        onChange(newFormData as T)\n      }\n    }\n  }, [schema, formData, onChange])\n\n  return <ObjectField {...props} />\n}\n\nexport default SynapseAnnotationsRJSFObjectField\n"],"mappings":";;;;;;AAmBA,SAAgB,EAId,GAA4B;CAC5B,IAAM,EAAE,WAAQ,aAAU,gBAAa,GACjC,EACJ,QAAQ,EAAE,qBACR,EAA4B;CAmDhC,OA5CA,QAAgB;EACd,IAAM,IAAmC,EAAE,GAAG,EAAS,GACjD,IAAgB,EAA4C,CAAM;EACxE,AAAI,MACF,OAAO,QAAQ,CAAa,EAAE,SAAS,CAAC,GAAK,OAAoB;GAE/D,IAAM,IAAO,EAAY;GACzB,AAEI,EAEA,KAOG,MAAM,QAAQ,CAAI,MACrB,EAAY,KAAO,EAAe,CAAI,KAUtC,OAAO,KAAmB,YAC1B,UAAU,KACV,EAAe,SAAS,WACxB,MAAM,QAAQ,CAAI,MAElB,EAAY,KAAO,EAAK,KAAI,MAAK,GAAG,GAAG,EAAE,KAAK,IAAI;EAGxD,CAAC,GACI,EAAW,GAAU,CAAW,KACnC,EAAS,CAAgB;CAG/B,GAAG;EAAC;EAAQ;EAAU;CAAQ,CAAC,GAExB,kBAAC,GAAD,EAAa,GAAI,EAAQ,CAAA;AAClC"}

package/dist/components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalPropertyContext.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from 'react'\n\nexport type AdditionalPropertyContextType = {\n  dropProperty: (event?: any) => void\n}\n\n/**\n * The `AdditionalPropertyContext` is a custom context object used to pass the `dropProperty` handler to the items within\n * a particular additional property.\n *\n * In RJSF, dropping an entire additional property is handled at the `object` level. In the Synapse Annotations UI,\n * we treat all additional properties (a.k.a. custom annotations) as arrays, and render the delete control at the `array`\n * level. RJSF does not normally provide the drop property handler at the `array` level, so we capture it and pass it\n * along using this context.\n */\nexport const AdditionalPropertyContext = createContext<\n  AdditionalPropertyContextType | undefined\n>(undefined)\n\nexport type AdditionalPropertyContextProviderProps = PropsWithChildren<{\n  value: AdditionalPropertyContextType\n}>\n\nexport function AdditionalPropertyContextProvider(\n  props: AdditionalPropertyContextProviderProps,\n) {\n  return (\n    <AdditionalPropertyContext.Provider value={props.value}>\n      {props.children}\n    </AdditionalPropertyContext.Provider>\n  )\n}\n\nexport const AdditionalPropertyContextConsumer =\n  AdditionalPropertyContext.Consumer\n\nexport function useAdditionalPropertyContext():\n  | AdditionalPropertyContextType\n  | undefined {\n  return useContext(AdditionalPropertyContext)\n}\n"],"mappings":";;;AAeA,IAAa,IAA4B,EAEvC,KAAA,EAAU;AAMZ,SAAgB,EACd,GACA;AACA,QACE,kBAAC,EAA0B,UAA3B;EAAoC,OAAO,EAAM;YAC9C,EAAM;EAC4B,CAAA;;AAIzC,IAAa,IACX,EAA0B;AAE5B,SAAgB,IAEF;AACZ,QAAO,EAAW,EAA0B"}
+{"version":3,"file":"AdditionalPropertyContext.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from 'react'\n\nexport type AdditionalPropertyContextType = {\n  dropProperty: (event?: any) => void\n}\n\n/**\n * The `AdditionalPropertyContext` is a custom context object used to pass the `dropProperty` handler to the items within\n * a particular additional property.\n *\n * In RJSF, dropping an entire additional property is handled at the `object` level. In the Synapse Annotations UI,\n * we treat all additional properties (a.k.a. custom annotations) as arrays, and render the delete control at the `array`\n * level. RJSF does not normally provide the drop property handler at the `array` level, so we capture it and pass it\n * along using this context.\n */\nexport const AdditionalPropertyContext = createContext<\n  AdditionalPropertyContextType | undefined\n>(undefined)\n\nexport type AdditionalPropertyContextProviderProps = PropsWithChildren<{\n  value: AdditionalPropertyContextType\n}>\n\nexport function AdditionalPropertyContextProvider(\n  props: AdditionalPropertyContextProviderProps,\n) {\n  return (\n    <AdditionalPropertyContext.Provider value={props.value}>\n      {props.children}\n    </AdditionalPropertyContext.Provider>\n  )\n}\n\nexport const AdditionalPropertyContextConsumer =\n  AdditionalPropertyContext.Consumer\n\nexport function useAdditionalPropertyContext():\n  | AdditionalPropertyContextType\n  | undefined {\n  return useContext(AdditionalPropertyContext)\n}\n"],"mappings":";;;AAeA,IAAa,IAA4B,EAEvC,KAAA,CAAS;AAMX,SAAgB,EACd,GACA;CACA,OACE,kBAAC,EAA0B,UAA3B;EAAoC,OAAO,EAAM;YAC9C,EAAM;CAC2B,CAAA;AAExC;AAEA,IAAa,IACX,EAA0B;AAE5B,SAAgB,IAEF;CACZ,OAAO,EAAW,CAAyB;AAC7C"}

package/dist/components/SchemaDrivenAnnotationEditor/template/ObjectFieldTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectFieldTemplate.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/ObjectFieldTemplate.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport { Button, Tooltip } from '@mui/material'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  canExpand,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  ObjectFieldTemplatePropertyType,\n  ObjectFieldTemplateProps,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { useRef } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { displayToast } from '../../ToastMessage'\n\n/**\n * Derived from the base ObjectFieldTemplate with annotations-editor-specific changes\n * - Custom button for adding additional properties\n * - Tracks properties to show a toast message if a property is converted to an additionalProperty because it was\n *   dropped from the schema (e.g. in a conditional schema)\n *\n * See https://github.com/rjsf-team/react-jsonschema-form/blob/main/packages/mui/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx\n * @param props\n * @returns\n */\nexport function ObjectFieldTemplate<\n  T extends Record<string, any> | null | undefined = Record<string, any>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ObjectFieldTemplateProps<T, S, F>) {\n  const {\n    description,\n    disabled,\n    formData,\n    idSchema,\n    onAddClick,\n    properties,\n    readonly,\n    registry,\n    required,\n    schema,\n    title,\n    uiSchema,\n  } = props\n\n  const options = getUiOptions<T, S, F>(uiSchema)\n  const TitleFieldTemplate = getTemplate<'TitleFieldTemplate', T, S, F>(\n    'TitleFieldTemplate',\n    registry,\n    options,\n  )\n  const DescriptionFieldTemplate = getTemplate<\n    'DescriptionFieldTemplate',\n    T,\n    S,\n    F\n  >('DescriptionFieldTemplate', registry, options)\n\n  /*\n     Tracks the property keys that were last known to exist in the object.\n     */\n  const previousSchemaDefinedProperties = useRef<Set<string>>(new Set())\n\n  /**\n   * We track how the schema changes as the user enters data, causing conditional subschemas to be evaluated.\n   *\n   * If a property exists in the previous version of the schema and has user data, and then is dropped from the schema due to a data update, then\n   * we need to prompt the user whether they want to undo the change, or continue and keep/remove those fields\n   *\n   * In this component, we can identify when one or more fields with user data are dropped (the field gains the additional property flag in the schema prop).\n   * We then use a function provided by the context to report which fields were lost.\n   */\n  useDeepCompareEffectNoCheck(() => {\n    if ('properties' in schema && schema.properties) {\n      const propertyKeys = Object.keys(schema.properties)\n      // Schema-defined properties are those properties in the schema without the additional property flag.\n      const schemaDefinedProperties = new Set<string>(\n        propertyKeys.filter(key => {\n          const propertyObject = schema.properties![\n            key\n          ] as JSONSchema7Definition &\n            Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n          return !propertyObject[ADDITIONAL_PROPERTY_FLAG]\n        }),\n      )\n\n      if (previousSchemaDefinedProperties.current != null) {\n        // Compare the schema defined properties with the previous version to see if any were lost.\n        const lostProperties = Array.from(\n          previousSchemaDefinedProperties.current,\n        ).filter(schemaDefinedProperty => {\n          return (\n            // Property is no longer in schema\n            !schemaDefinedProperties.has(schemaDefinedProperty) &&\n            // Form data exists\n            !!formData &&\n            // Property still exists in form data and is not null\n            // if the data is null, then we don't need to worry about it; user data wasn't lost\n            formData[schemaDefinedProperty] != null &&\n            // Property matches `additionalProperties` requirements: is an array and contains non-null values\n            Array.isArray(formData[schemaDefinedProperty]) &&\n            (formData[schemaDefinedProperty] as Array<never>).filter(\n              item => item != null,\n            ).length > 0\n          )\n        })\n        if (lostProperties.length > 0) {\n          // Report the converted fields in a toast message\n          displayToast(\n            `The following annotations are no longer specified by the schema and have been converted to custom fields: ${lostProperties.join(\n              ', ',\n            )}.`,\n            'warning',\n            {\n              title: 'Fields No Longer Specified By Schema',\n            },\n          )\n        }\n      }\n      // Update the last known properties to match the current properties\n      previousSchemaDefinedProperties.current = schemaDefinedProperties\n    }\n  }, [schema.properties])\n\n  return (\n    <fieldset id={idSchema.$id}>\n      {(options.title || title) && (\n        <TitleFieldTemplate\n          id={`${idSchema.$id}__title`}\n          schema={schema}\n          title={options.title || title}\n          required={required}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {(options.description || description) && (\n        <DescriptionFieldTemplate\n          id={`${idSchema.$id}__description`}\n          description={options.description || description!}\n          registry={registry}\n          schema={schema}\n        />\n      )}\n      {properties.map((prop: ObjectFieldTemplatePropertyType) => prop.content)}\n\n      {canExpand(schema, uiSchema, formData) && (\n        <Tooltip title=\"Add a new custom field\" placement=\"top\">\n          <Button\n            sx={{ my: 2 }}\n            variant=\"contained\"\n            className=\"rjsf-object-property-expand\"\n            onClick={onAddClick(schema)}\n            disabled={disabled || readonly}\n            aria-label={'Add Custom Field'}\n          >\n            <AddToList />\n          </Button>\n        </Tooltip>\n      )}\n    </fieldset>\n  )\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,EAId,GAA0C;CAC1C,IAAM,EACJ,gBACA,aACA,aACA,aACA,eACA,eACA,aACA,aACA,aACA,WACA,UACA,gBACE,GAEE,IAAU,EAAsB,EAAS,EACzC,IAAqB,EACzB,sBACA,GACA,EACD,EACK,IAA2B,EAK/B,4BAA4B,GAAU,EAAQ,EAK1C,IAAkC,kBAAoB,IAAI,KAAK,CAAC;AA+DtE,QApDA,QAAkC;AAChC,MAAI,gBAAgB,KAAU,EAAO,YAAY;GAC/C,IAAM,IAAe,OAAO,KAAK,EAAO,WAAW,EAE7C,IAA0B,IAAI,IAClC,EAAa,QAAO,MAKX,CAJgB,EAAO,WAC5B,GAGqB,GACvB,CACH;AAED,OAAI,EAAgC,WAAW,MAAM;IAEnD,IAAM,IAAiB,MAAM,KAC3B,EAAgC,QACjC,CAAC,QAAO,MAGL,CAAC,EAAwB,IAAI,EAAsB,IAEnD,CAAC,CAAC,KAGF,EAAS,MAA0B,QAEnC,MAAM,QAAQ,EAAS,GAAuB,IAC7C,EAAS,GAAwC,QAChD,MAAQ,KAAQ,KACjB,CAAC,SAAS,EAEb;AACF,IAAI,EAAe,SAAS,KAE1B,EACE,6GAA6G,EAAe,KAC1H,KACD,CAAC,IACF,WACA,EACE,OAAO,wCACR,CACF;;AAIL,KAAgC,UAAU;;IAE3C,CAAC,EAAO,WAAW,CAAC,EAGrB,kBAAC,YAAD;EAAU,IAAI,EAAS;YAAvB;IACI,EAAQ,SAAS,MACjB,kBAAC,GAAD;IACE,IAAI,GAAG,EAAS,IAAI;IACZ;IACR,OAAO,EAAQ,SAAS;IACd;IACA;IACA;IACV,CAAA;IAEF,EAAQ,eAAe,MACvB,kBAAC,GAAD;IACE,IAAI,GAAG,EAAS,IAAI;IACpB,aAAa,EAAQ,eAAe;IAC1B;IACF;IACR,CAAA;GAEH,EAAW,KAAK,MAA0C,EAAK,QAAQ;GAEvE,EAAU,GAAQ,GAAU,EAAS,IACpC,kBAAC,GAAD;IAAS,OAAM;IAAyB,WAAU;cAChD,kBAAC,GAAD;KACE,IAAI,EAAE,IAAI,GAAG;KACb,SAAQ;KACR,WAAU;KACV,SAAS,EAAW,EAAO;KAC3B,UAAU,KAAY;KACtB,cAAY;eAEZ,kBAAC,GAAD,EAAa,CAAA;KACN,CAAA;IACD,CAAA;GAEH"}
+{"version":3,"file":"ObjectFieldTemplate.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/ObjectFieldTemplate.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport { Button, Tooltip } from '@mui/material'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  canExpand,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  ObjectFieldTemplatePropertyType,\n  ObjectFieldTemplateProps,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { useRef } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { displayToast } from '../../ToastMessage'\n\n/**\n * Derived from the base ObjectFieldTemplate with annotations-editor-specific changes\n * - Custom button for adding additional properties\n * - Tracks properties to show a toast message if a property is converted to an additionalProperty because it was\n *   dropped from the schema (e.g. in a conditional schema)\n *\n * See https://github.com/rjsf-team/react-jsonschema-form/blob/main/packages/mui/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx\n * @param props\n * @returns\n */\nexport function ObjectFieldTemplate<\n  T extends Record<string, any> | null | undefined = Record<string, any>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ObjectFieldTemplateProps<T, S, F>) {\n  const {\n    description,\n    disabled,\n    formData,\n    idSchema,\n    onAddClick,\n    properties,\n    readonly,\n    registry,\n    required,\n    schema,\n    title,\n    uiSchema,\n  } = props\n\n  const options = getUiOptions<T, S, F>(uiSchema)\n  const TitleFieldTemplate = getTemplate<'TitleFieldTemplate', T, S, F>(\n    'TitleFieldTemplate',\n    registry,\n    options,\n  )\n  const DescriptionFieldTemplate = getTemplate<\n    'DescriptionFieldTemplate',\n    T,\n    S,\n    F\n  >('DescriptionFieldTemplate', registry, options)\n\n  /*\n     Tracks the property keys that were last known to exist in the object.\n     */\n  const previousSchemaDefinedProperties = useRef<Set<string>>(new Set())\n\n  /**\n   * We track how the schema changes as the user enters data, causing conditional subschemas to be evaluated.\n   *\n   * If a property exists in the previous version of the schema and has user data, and then is dropped from the schema due to a data update, then\n   * we need to prompt the user whether they want to undo the change, or continue and keep/remove those fields\n   *\n   * In this component, we can identify when one or more fields with user data are dropped (the field gains the additional property flag in the schema prop).\n   * We then use a function provided by the context to report which fields were lost.\n   */\n  useDeepCompareEffectNoCheck(() => {\n    if ('properties' in schema && schema.properties) {\n      const propertyKeys = Object.keys(schema.properties)\n      // Schema-defined properties are those properties in the schema without the additional property flag.\n      const schemaDefinedProperties = new Set<string>(\n        propertyKeys.filter(key => {\n          const propertyObject = schema.properties![\n            key\n          ] as JSONSchema7Definition &\n            Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n          return !propertyObject[ADDITIONAL_PROPERTY_FLAG]\n        }),\n      )\n\n      if (previousSchemaDefinedProperties.current != null) {\n        // Compare the schema defined properties with the previous version to see if any were lost.\n        const lostProperties = Array.from(\n          previousSchemaDefinedProperties.current,\n        ).filter(schemaDefinedProperty => {\n          return (\n            // Property is no longer in schema\n            !schemaDefinedProperties.has(schemaDefinedProperty) &&\n            // Form data exists\n            !!formData &&\n            // Property still exists in form data and is not null\n            // if the data is null, then we don't need to worry about it; user data wasn't lost\n            formData[schemaDefinedProperty] != null &&\n            // Property matches `additionalProperties` requirements: is an array and contains non-null values\n            Array.isArray(formData[schemaDefinedProperty]) &&\n            (formData[schemaDefinedProperty] as Array<never>).filter(\n              item => item != null,\n            ).length > 0\n          )\n        })\n        if (lostProperties.length > 0) {\n          // Report the converted fields in a toast message\n          displayToast(\n            `The following annotations are no longer specified by the schema and have been converted to custom fields: ${lostProperties.join(\n              ', ',\n            )}.`,\n            'warning',\n            {\n              title: 'Fields No Longer Specified By Schema',\n            },\n          )\n        }\n      }\n      // Update the last known properties to match the current properties\n      previousSchemaDefinedProperties.current = schemaDefinedProperties\n    }\n  }, [schema.properties])\n\n  return (\n    <fieldset id={idSchema.$id}>\n      {(options.title || title) && (\n        <TitleFieldTemplate\n          id={`${idSchema.$id}__title`}\n          schema={schema}\n          title={options.title || title}\n          required={required}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {(options.description || description) && (\n        <DescriptionFieldTemplate\n          id={`${idSchema.$id}__description`}\n          description={options.description || description!}\n          registry={registry}\n          schema={schema}\n        />\n      )}\n      {properties.map((prop: ObjectFieldTemplatePropertyType) => prop.content)}\n\n      {canExpand(schema, uiSchema, formData) && (\n        <Tooltip title=\"Add a new custom field\" placement=\"top\">\n          <Button\n            sx={{ my: 2 }}\n            variant=\"contained\"\n            className=\"rjsf-object-property-expand\"\n            onClick={onAddClick(schema)}\n            disabled={disabled || readonly}\n            aria-label={'Add Custom Field'}\n          >\n            <AddToList />\n          </Button>\n        </Tooltip>\n      )}\n    </fieldset>\n  )\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,EAId,GAA0C;CAC1C,IAAM,EACJ,gBACA,aACA,aACA,aACA,eACA,eACA,aACA,aACA,aACA,WACA,UACA,gBACE,GAEE,IAAU,EAAsB,CAAQ,GACxC,IAAqB,EACzB,sBACA,GACA,CACF,GACM,IAA2B,EAK/B,4BAA4B,GAAU,CAAO,GAKzC,IAAkC,kBAAoB,IAAI,IAAI,CAAC;CA+DrE,OApDA,QAAkC;EAChC,IAAI,gBAAgB,KAAU,EAAO,YAAY;GAC/C,IAAM,IAAe,OAAO,KAAK,EAAO,UAAU,GAE5C,IAA0B,IAAI,IAClC,EAAa,QAAO,MAKX,CAJgB,EAAO,WAC5B,GAGqB,EACxB,CACH;GAEA,IAAI,EAAgC,WAAW,MAAM;IAEnD,IAAM,IAAiB,MAAM,KAC3B,EAAgC,OAClC,EAAE,QAAO,MAGL,CAAC,EAAwB,IAAI,CAAqB,KAElD,CAAC,CAAC,KAGF,EAAS,MAA0B,QAEnC,MAAM,QAAQ,EAAS,EAAsB,KAC5C,EAAS,GAAwC,QAChD,MAAQ,KAAQ,IAClB,EAAE,SAAS,CAEd;IACD,AAAI,EAAe,SAAS,KAE1B,EACE,6GAA6G,EAAe,KAC1H,IACF,EAAE,IACF,WACA,EACE,OAAO,uCACT,CACF;GAEJ;GAEA,EAAgC,UAAU;EAC5C;CACF,GAAG,CAAC,EAAO,UAAU,CAAC,GAGpB,kBAAC,YAAD;EAAU,IAAI,EAAS;YAAvB;IACI,EAAQ,SAAS,MACjB,kBAAC,GAAD;IACE,IAAI,GAAG,EAAS,IAAI;IACZ;IACR,OAAO,EAAQ,SAAS;IACd;IACA;IACA;GACX,CAAA;IAED,EAAQ,eAAe,MACvB,kBAAC,GAAD;IACE,IAAI,GAAG,EAAS,IAAI;IACpB,aAAa,EAAQ,eAAe;IAC1B;IACF;GACT,CAAA;GAEF,EAAW,KAAK,MAA0C,EAAK,OAAO;GAEtE,EAAU,GAAQ,GAAU,CAAQ,KACnC,kBAAC,GAAD;IAAS,OAAM;IAAyB,WAAU;cAChD,kBAAC,GAAD;KACE,IAAI,EAAE,IAAI,EAAE;KACZ,SAAQ;KACR,WAAU;KACV,SAAS,EAAW,CAAM;KAC1B,UAAU,KAAY;KACtB,cAAY;eAEZ,kBAAC,GAAD,CAAY,CAAA;IACN,CAAA;GACD,CAAA;EAEH;;AAEd"}

package/dist/components/SchemaDrivenAnnotationEditor/template/SynapseAnnotationsWrapIfAdditionalTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseAnnotationsWrapIfAdditionalTemplate.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/SynapseAnnotationsWrapIfAdditionalTemplate.tsx"],"sourcesContent":["import {\n  ADDITIONAL_PROPERTY_FLAG,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n  TranslatableString,\n  WrapIfAdditionalTemplateProps,\n} from '@rjsf/utils'\nimport { FocusEventHandler } from 'react'\nimport { GridLegacy as Grid, TextField } from '@mui/material'\n\n/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are\n * part of an `additionalProperties` part of a schema.\n *\n * @param props - The `WrapIfAdditionalProps` for this component\n */\nexport default function SynapseAnnotationsWrapIfAdditionalTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: WrapIfAdditionalTemplateProps<T, S, F>) {\n  const {\n    id,\n    classNames,\n    disabled,\n    label,\n    onKeyChange,\n    readonly,\n    required,\n    schema,\n    children,\n    registry,\n  } = props\n  const { translateString } = registry\n  const keyLabel = translateString(TranslatableString.KeyLabel, [''])\n  const additional = ADDITIONAL_PROPERTY_FLAG in schema\n\n  if (!additional) {\n    return <div className={classNames}>{children}</div>\n  }\n\n  const handleBlur: FocusEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = ({ target }) => {\n    if (target) onKeyChange(target.value)\n  }\n\n  return (\n    <div className={classNames}>\n      <Grid\n        container\n        columnSpacing={2}\n        rowSpacing={0}\n        sx={{\n          my: 1,\n        }}\n      >\n        <Grid item xs={3}>\n          <TextField\n            fullWidth={true}\n            required={required}\n            label={keyLabel}\n            defaultValue={label}\n            disabled={disabled || readonly}\n            id={`${id}-key`}\n            name={`${id}-key`}\n            onBlur={!readonly ? handleBlur : undefined}\n            type=\"text\"\n          />\n        </Grid>\n        {children}\n        {/* All additional properties are treated as arrays, so we don't show a remove button here. */}\n        {/* To drop the property, drop the last array item. */}\n      </Grid>\n    </div>\n  )\n}\n"],"mappings":";;;;AAgBA,SAAwB,EAItB,GAA+C;CAC/C,IAAM,EACJ,OACA,eACA,aACA,UACA,gBACA,aACA,aACA,WACA,aACA,gBACE,GACE,EAAE,uBAAoB,GACtB,IAAW,EAAgB,EAAmB,UAAU,CAAC,GAAG,CAAC;AAanE,QAZmB,KAA4B,IAa7C,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,WAAA;GACA,eAAe;GACf,YAAY;GACZ,IAAI,EACF,IAAI,GACL;aANH,CAQE,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACb,kBAAC,GAAD;KACE,WAAW;KACD;KACV,OAAO;KACP,cAAc;KACd,UAAU,KAAY;KACtB,IAAI,GAAG,EAAG;KACV,MAAM,GAAG,EAAG;KACZ,QAAS,IAAwB,KAAA,KAvBtC,EAAE,gBAAa;AAClB,MAAI,KAAQ,EAAY,EAAO,MAAM;;KAuB7B,MAAK;KACL,CAAA;IACG,CAAA,EACN,EAGI;;EACH,CAAA,GApCC,kBAAC,OAAD;EAAK,WAAW;EAAa;EAAe,CAAA"}
+{"version":3,"file":"SynapseAnnotationsWrapIfAdditionalTemplate.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/SynapseAnnotationsWrapIfAdditionalTemplate.tsx"],"sourcesContent":["import {\n  ADDITIONAL_PROPERTY_FLAG,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n  TranslatableString,\n  WrapIfAdditionalTemplateProps,\n} from '@rjsf/utils'\nimport { FocusEventHandler } from 'react'\nimport { GridLegacy as Grid, TextField } from '@mui/material'\n\n/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are\n * part of an `additionalProperties` part of a schema.\n *\n * @param props - The `WrapIfAdditionalProps` for this component\n */\nexport default function SynapseAnnotationsWrapIfAdditionalTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: WrapIfAdditionalTemplateProps<T, S, F>) {\n  const {\n    id,\n    classNames,\n    disabled,\n    label,\n    onKeyChange,\n    readonly,\n    required,\n    schema,\n    children,\n    registry,\n  } = props\n  const { translateString } = registry\n  const keyLabel = translateString(TranslatableString.KeyLabel, [''])\n  const additional = ADDITIONAL_PROPERTY_FLAG in schema\n\n  if (!additional) {\n    return <div className={classNames}>{children}</div>\n  }\n\n  const handleBlur: FocusEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = ({ target }) => {\n    if (target) onKeyChange(target.value)\n  }\n\n  return (\n    <div className={classNames}>\n      <Grid\n        container\n        columnSpacing={2}\n        rowSpacing={0}\n        sx={{\n          my: 1,\n        }}\n      >\n        <Grid item xs={3}>\n          <TextField\n            fullWidth={true}\n            required={required}\n            label={keyLabel}\n            defaultValue={label}\n            disabled={disabled || readonly}\n            id={`${id}-key`}\n            name={`${id}-key`}\n            onBlur={!readonly ? handleBlur : undefined}\n            type=\"text\"\n          />\n        </Grid>\n        {children}\n        {/* All additional properties are treated as arrays, so we don't show a remove button here. */}\n        {/* To drop the property, drop the last array item. */}\n      </Grid>\n    </div>\n  )\n}\n"],"mappings":";;;;AAgBA,SAAwB,EAItB,GAA+C;CAC/C,IAAM,EACJ,OACA,eACA,aACA,UACA,gBACA,aACA,aACA,WACA,aACA,gBACE,GACE,EAAE,uBAAoB,GACtB,IAAW,EAAgB,EAAmB,UAAU,CAAC,EAAE,CAAC;CAalE,OAZmB,KAA4B,IAa7C,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,WAAA;GACA,eAAe;GACf,YAAY;GACZ,IAAI,EACF,IAAI,EACN;aANF,CAQE,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACb,kBAAC,GAAD;KACE,WAAW;KACD;KACV,OAAO;KACP,cAAc;KACd,UAAU,KAAY;KACtB,IAAI,GAAG,EAAG;KACV,MAAM,GAAG,EAAG;KACZ,QAAS,IAAwB,KAAA,KAvBtC,EAAE,gBAAa;MAClB,AAAI,KAAQ,EAAY,EAAO,KAAK;KACtC;KAsBU,MAAK;IACN,CAAA;GACG,CAAA,GACL,CAGG;;CACH,CAAA,IApCE,kBAAC,OAAD;EAAK,WAAW;EAAa;CAAc,CAAA;AAsCtD"}

package/dist/components/SchemaDrivenAnnotationEditor/widget/TextWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/widget/TextWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\n\n/**\n * This TextWidget is almost identical to the rjsf TextWidget, except we handle numbers like strings to prevent issues if\n * the actual annotation data is not a string.\n */\nexport const TextWidget: Widget = (props: WidgetProps) => {\n  const { BaseInputTemplate } = props.registry.templates\n\n  // options.inputType will override the input type determined via schema\n  let inputType: string | undefined = undefined\n  if (props.schema.type === 'number' || props.schema.type === 'integer') {\n    inputType = 'text'\n  }\n\n  return (\n    <BaseInputTemplate\n      {...props}\n      options={{ ...props.options, inputType: inputType }}\n    />\n  )\n}\n\nexport default TextWidget\n"],"mappings":";;AAMA,IAAa,KAAsB,MAAuB;CACxD,IAAM,EAAE,yBAAsB,EAAM,SAAS,WAGzC;AAKJ,SAJI,EAAM,OAAO,SAAS,YAAY,EAAM,OAAO,SAAS,eAC1D,IAAY,SAIZ,kBAAC,GAAD;EACE,GAAI;EACJ,SAAS;GAAE,GAAG,EAAM;GAAoB;GAAW;EACnD,CAAA"}
+{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/widget/TextWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\n\n/**\n * This TextWidget is almost identical to the rjsf TextWidget, except we handle numbers like strings to prevent issues if\n * the actual annotation data is not a string.\n */\nexport const TextWidget: Widget = (props: WidgetProps) => {\n  const { BaseInputTemplate } = props.registry.templates\n\n  // options.inputType will override the input type determined via schema\n  let inputType: string | undefined = undefined\n  if (props.schema.type === 'number' || props.schema.type === 'integer') {\n    inputType = 'text'\n  }\n\n  return (\n    <BaseInputTemplate\n      {...props}\n      options={{ ...props.options, inputType: inputType }}\n    />\n  )\n}\n\nexport default TextWidget\n"],"mappings":";;AAMA,IAAa,KAAsB,MAAuB;CACxD,IAAM,EAAE,yBAAsB,EAAM,SAAS,WAGzC;CAKJ,QAJI,EAAM,OAAO,SAAS,YAAY,EAAM,OAAO,SAAS,eAC1D,IAAY,SAIZ,kBAAC,GAAD;EACE,GAAI;EACJ,SAAS;GAAE,GAAG,EAAM;GAAoB;EAAU;CACnD,CAAA;AAEL"}

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  FacetRequest,\n  KeyValues,\n  SearchIndexQuery,\n  SearchKeyRange,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SearchSortField,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FacetRequestSortDirectionEnum as FacetRequestSortDirectionEnumValues,\n  FacetRequestSortFieldEnum as FacetRequestSortFieldEnumValues,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType defined) → facetRequests (columns to aggregate as facets, with optional sort config)\n *  - query.selectedFacets (enumeration) → termsFilters (IN-clause filters)\n *  - query.selectedFacets (range) → rangeFilters (range filters)\n *  - query.sort → sort (SortItem { column, direction } → SearchSortField { columnName, direction })\n *  - query.limit → limit\n *  - query.offset → offset\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchIndexQuery {\n  // Build facetRequests from ColumnModels that have a facetType of 'enumeration'.\n  // Range columns are excluded: the Search API's FacetRequest only supports terms aggregations\n  // and cannot produce the min/max stats needed for FacetColumnResultRange.\n  const facetRequests: FacetRequest[] | undefined = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const facetReq: FacetRequest = { columnName: cm.name, maxValueCount: 100 }\n      if (cm.facetSortConfig) {\n        // Map FacetColumnSortProperty ('FREQUENCY'|'VALUE') → FacetRequestSortFieldEnum ('COUNT'|'KEY')\n        if (cm.facetSortConfig.property != null) {\n          facetReq.sortField =\n            cm.facetSortConfig.property === 'VALUE'\n              ? FacetRequestSortFieldEnumValues.KEY\n              : FacetRequestSortFieldEnumValues.COUNT\n        }\n        if (cm.facetSortConfig.direction != null) {\n          facetReq.sortDirection =\n            cm.facetSortConfig.direction === 'ASC'\n              ? FacetRequestSortDirectionEnumValues.ASC\n              : FacetRequestSortDirectionEnumValues.DESC\n        }\n      }\n      return facetReq\n    })\n\n  // Build termsFilters from enumeration selectedFacets\n  const termsFilters: KeyValues[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnValuesRequest =>\n          f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => ({ key: f.columnName, values: f.facetValues }))\n\n  // Build rangeFilters from range selectedFacets.\n  // DATE columns: the Range UI component emits formatted dates (\"YYYY-MM-DD\") but the\n  // Search API (OpenSearch) expects unix millisecond timestamps. Convert here.\n  const rangeFilters: SearchKeyRange[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => {\n        const columnType = columnModels?.find(\n          cm => cm.name === f.columnName,\n        )?.columnType\n        const toApiValue = (v: string | undefined): string | undefined => {\n          if (!v || columnType !== 'DATE') return v\n          // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n          if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n            return String(dayjs(v).valueOf())\n          }\n          return v\n        }\n        return {\n          key: f.columnName,\n          min: toApiValue(f.min),\n          max: toApiValue(f.max),\n        }\n      })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Map SortItem[] (column + direction) → SearchSortField[] (columnName + direction),\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sort: SearchSortField[] | undefined = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ columnName: s.column, direction: s.direction }))\n\n  const searchQuery: SearchSearchQuery = {\n    facetRequests: facetRequests?.length ? facetRequests : undefined,\n    termsFilters: termsFilters?.length ? termsFilters : undefined,\n    rangeFilters: rangeFilters?.length ? rangeFilters : undefined,\n    queryText,\n    queryType: 'MULTI_MATCH',\n    fuzziness: 'AUTO',\n    sort: sort?.length ? sort : undefined,\n    limit: queryBundleRequest.query.limit,\n    offset: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - facets → facets (same FacetColumnResult type)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  const rawFacets = results.facets as QueryResultBundle['facets']\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search API's\n  // FacetRequest only produces terms aggregations and cannot return min/max stats, so these\n  // entries will never appear in results.facets. columnMin/columnMax are empty strings\n  // (unavailable from the server); selectedMin/selectedMax are derived from the query's\n  // rangeFilters so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !(rawFacets ?? []).some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = query.searchQuery?.rangeFilters?.find(\n        rf => rf.key === cm.name,\n      )\n      // rangeFilters carry unix ms for DATE columns (converted in toSearchIndexQuery).\n      // Convert back to \"YYYY-MM-DD\" so the Range UI component can display them.\n      const toDisplayValue = (v: string | undefined): string | undefined => {\n        if (!v || cm.columnType !== 'DATE') return v\n        if (/^\\d+$/.test(v)) {\n          return dayjs(parseInt(v)).format('YYYY-MM-DD')\n        }\n        return v\n      }\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: toDisplayValue(rangeFilter?.min),\n        selectedMax: toDisplayValue(rangeFilter?.max),\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit facetRequests from the row data query: facet aggregations are only needed\n      // in the metadata query (which requests FACETS). Removing facetRequests here keeps\n      // the row data query key stable while column models are loading, preventing an\n      // unnecessary re-fetch (and a brief loading flash) when column models first arrive.\n      facetRequests: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // FACETS → facet aggregations for FacetFilterControls / plots\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS', 'FACETS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        const totalRows = lastPage.responseBody?.queryCount\n        const fetchedRows = allPages.reduce(\n          (acc, page) =>\n            acc +\n            (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n          0,\n        )\n        if (totalRows != null && fetchedRows >= totalRows) {\n          return undefined\n        }\n        return fetchedRows\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.queryText` is set to the user-entered search text\n *  - `searchQuery.queryFields` is set to `[autocompleteFieldName]` so the server\n *    only returns values for that single field\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchIndexQuery: {\n              concreteType:\n                'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n              searchIndexId,\n              searchQuery: {\n                queryText: trimmed,\n                queryFields: [autocompleteFieldName],\n                returnFields: [autocompleteFieldName],\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, searchIndexId, columnModels],\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  FacetRequest,\n  KeyValues,\n  SearchIndexQuery,\n  SearchKeyRange,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SearchSortField,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FacetRequestSortDirectionEnum as FacetRequestSortDirectionEnumValues,\n  FacetRequestSortFieldEnum as FacetRequestSortFieldEnumValues,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType defined) → facetRequests (columns to aggregate as facets, with optional sort config)\n *  - query.selectedFacets (enumeration) → termsFilters (IN-clause filters)\n *  - query.selectedFacets (range) → rangeFilters (range filters)\n *  - query.sort → sort (SortItem { column, direction } → SearchSortField { columnName, direction })\n *  - query.limit → limit\n *  - query.offset → offset\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchIndexQuery {\n  // Build facetRequests from ColumnModels that have a facetType of 'enumeration'.\n  // Range columns are excluded: the Search API's FacetRequest only supports terms aggregations\n  // and cannot produce the min/max stats needed for FacetColumnResultRange.\n  const facetRequests: FacetRequest[] | undefined = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const facetReq: FacetRequest = { columnName: cm.name, maxValueCount: 100 }\n      if (cm.facetSortConfig) {\n        // Map FacetColumnSortProperty ('FREQUENCY'|'VALUE') → FacetRequestSortFieldEnum ('COUNT'|'KEY')\n        if (cm.facetSortConfig.property != null) {\n          facetReq.sortField =\n            cm.facetSortConfig.property === 'VALUE'\n              ? FacetRequestSortFieldEnumValues.KEY\n              : FacetRequestSortFieldEnumValues.COUNT\n        }\n        if (cm.facetSortConfig.direction != null) {\n          facetReq.sortDirection =\n            cm.facetSortConfig.direction === 'ASC'\n              ? FacetRequestSortDirectionEnumValues.ASC\n              : FacetRequestSortDirectionEnumValues.DESC\n        }\n      }\n      return facetReq\n    })\n\n  // Build termsFilters from enumeration selectedFacets\n  const termsFilters: KeyValues[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnValuesRequest =>\n          f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => ({ key: f.columnName, values: f.facetValues }))\n\n  // Build rangeFilters from range selectedFacets.\n  // DATE columns: the Range UI component emits formatted dates (\"YYYY-MM-DD\") but the\n  // Search API (OpenSearch) expects unix millisecond timestamps. Convert here.\n  const rangeFilters: SearchKeyRange[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => {\n        const columnType = columnModels?.find(\n          cm => cm.name === f.columnName,\n        )?.columnType\n        const toApiValue = (v: string | undefined): string | undefined => {\n          if (!v || columnType !== 'DATE') return v\n          // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n          if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n            return String(dayjs(v).valueOf())\n          }\n          return v\n        }\n        return {\n          key: f.columnName,\n          min: toApiValue(f.min),\n          max: toApiValue(f.max),\n        }\n      })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Map SortItem[] (column + direction) → SearchSortField[] (columnName + direction),\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sort: SearchSortField[] | undefined = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ columnName: s.column, direction: s.direction }))\n\n  const searchQuery: SearchSearchQuery = {\n    facetRequests: facetRequests?.length ? facetRequests : undefined,\n    termsFilters: termsFilters?.length ? termsFilters : undefined,\n    rangeFilters: rangeFilters?.length ? rangeFilters : undefined,\n    queryText,\n    queryType: 'MULTI_MATCH',\n    fuzziness: 'AUTO',\n    sort: sort?.length ? sort : undefined,\n    limit: queryBundleRequest.query.limit,\n    offset: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - facets → facets (same FacetColumnResult type)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  const rawFacets = results.facets as QueryResultBundle['facets']\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search API's\n  // FacetRequest only produces terms aggregations and cannot return min/max stats, so these\n  // entries will never appear in results.facets. columnMin/columnMax are empty strings\n  // (unavailable from the server); selectedMin/selectedMax are derived from the query's\n  // rangeFilters so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !(rawFacets ?? []).some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = query.searchQuery?.rangeFilters?.find(\n        rf => rf.key === cm.name,\n      )\n      // rangeFilters carry unix ms for DATE columns (converted in toSearchIndexQuery).\n      // Convert back to \"YYYY-MM-DD\" so the Range UI component can display them.\n      const toDisplayValue = (v: string | undefined): string | undefined => {\n        if (!v || cm.columnType !== 'DATE') return v\n        if (/^\\d+$/.test(v)) {\n          return dayjs(parseInt(v)).format('YYYY-MM-DD')\n        }\n        return v\n      }\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: toDisplayValue(rangeFilter?.min),\n        selectedMax: toDisplayValue(rangeFilter?.max),\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit facetRequests from the row data query: facet aggregations are only needed\n      // in the metadata query (which requests FACETS). Removing facetRequests here keeps\n      // the row data query key stable while column models are loading, preventing an\n      // unnecessary re-fetch (and a brief loading flash) when column models first arrive.\n      facetRequests: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // FACETS → facet aggregations for FacetFilterControls / plots\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS', 'FACETS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        const totalRows = lastPage.responseBody?.queryCount\n        const fetchedRows = allPages.reduce(\n          (acc, page) =>\n            acc +\n            (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n          0,\n        )\n        if (totalRows != null && fetchedRows >= totalRows) {\n          return undefined\n        }\n        return fetchedRows\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.queryText` is set to the user-entered search text\n *  - `searchQuery.queryFields` is set to `[autocompleteFieldName]` so the server\n *    only returns values for that single field\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchIndexQuery: {\n              concreteType:\n                'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n              searchIndexId,\n              searchQuery: {\n                queryText: trimmed,\n                queryFields: [autocompleteFieldName],\n                returnFields: [autocompleteFieldName],\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, searchIndexId, columnModels],\n  )\n}\n"],"mappings":"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"}

package/dist/components/SearchQueryWrapper/SearchQueryWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryWrapper.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryWrapper.tsx"],"sourcesContent":["import { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { goToPage as transformQueryToGoToPage } from '@/utils/hooks/useImmutableTableQuery/TableQueryReducerActions'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider } from 'jotai'\nimport {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport {\n  QueryContextProvider,\n  QueryContextType,\n  useQueryContext,\n} from '../QueryContext/QueryContext'\nimport {\n  getSearchQueryUseQueryOptions,\n  useSearchQueryUseQueryOptions,\n} from './SearchQueryUseQueryOptions'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\nimport useHasFacetedSelectColumn from '../QueryWrapper/useHasFacetedSelectColumn'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\nimport { useGetEntity, useGetEntityBundle } from '@/synapse-queries'\nimport type {\n  SearchIndexQuery,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport { SearchIndex } from '@sage-bionetworks/synapse-client'\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { cloneDeep } from 'lodash-es'\n\n/**\n * The initQueryRequest used internally within SearchQueryWrapper. It uses a synthetic entity ID\n * and SQL so we can reuse useImmutableTableQuery for facet/pagination state management, even though\n * the actual data is fetched from the SearchQueryServicesApi (not a table entity).\n */\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID = 'search'\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL = `SELECT * FROM ${SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID}`\n\nexport type SearchQueryWrapperProps = PropsWithChildren<{\n  /**\n   * The ID of the SearchIndex entity to query.\n   */\n  searchIndexId: string\n  /**\n   * The initial query request. Only `query.selectedFacets`, `query.additionalFilters`,\n   * `query.limit`, and `query.offset` are used; the `entityId` and `sql` fields are\n   * overridden with synthetic values. The `partMask` controls which parts of the response\n   * bundle to request.\n   */\n  initQueryRequest: {\n    concreteType?: QueryBundleRequest['concreteType']\n    partMask?: QueryBundleRequest['partMask']\n    query?: Partial<QueryBundleRequest['query']>\n  }\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, it will be called whenever the query result bundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  isInfinite?: boolean\n  /** Whether the URL should update when the query is modified (deep linking). */\n  shouldDeepLink?: boolean\n}>\n\n/**\n * Internal component that reads the current query metadata from QueryContext and fires\n * onQueryResultBundleChange whenever the data changes. Must be rendered as a child of\n * QueryContextProvider (i.e. inside SearchQueryWrapper).\n */\nfunction SearchQueryResultBundleChangeNotifier({\n  onQueryResultBundleChange,\n}: {\n  onQueryResultBundleChange: (json: string) => void\n}) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n  // queryMetadataQueryOptions is UseSuspenseQueryOptions; cast to UseQueryOptions so we can use\n  // regular (non-suspense) `useQuery` here — the same cache key is shared, so no extra request is made.\n  const queryOpts = queryMetadataQueryOptions as UseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n  const { data } = useQuery(queryOpts)\n  // Use a ref so we always call the latest callback without including it in the\n  // effect dependency array. Including a frequently-recreated callback in deps\n  // causes the effect to re-fire on every render, creating an infinite loop when\n  // the parent updates state inside the callback.\n  const onQueryResultBundleChangeRef = useRef(onQueryResultBundleChange)\n  onQueryResultBundleChangeRef.current = onQueryResultBundleChange\n  useEffect(() => {\n    if (data) {\n      onQueryResultBundleChangeRef.current(JSON.stringify(data))\n    }\n  }, [data])\n  return null\n}\n\nfunction SearchQueryWrapperInternal(props: SearchQueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <SearchQueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\nfunction SearchQueryWrapperInternalWithSession(props: SearchQueryWrapperProps) {\n  const {\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryChange,\n    onQueryResultBundleChange,\n    isInfinite = false,\n    searchIndexId,\n    shouldDeepLink = false,\n  } = props\n\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: searchIndexEntityData } = useGetEntity(\n    searchIndexId,\n    undefined,\n    {\n      throwOnError: true,\n    },\n  )\n  const searchIndexEntity = searchIndexEntityData as SearchIndex | undefined\n\n  const synapseId = searchIndexEntity?.definingSQL\n    ? parseEntityIdFromSqlStatement(searchIndexEntity.definingSQL)\n    : undefined\n\n  const { data: entityBundle } = useGetEntityBundle(\n    synapseId,\n    undefined,\n    { includeTableBundle: true },\n    { throwOnError: true },\n  )\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  // Build a full synthetic QueryBundleRequest so we can reuse useImmutableTableQuery.\n  // The entityId and sql are placeholders; only selectedFacets, limit, offset, and partMask\n  // are passed through to the actual SearchQueryServicesApi call.\n  const initQueryRequest = useDeepCompareMemoize({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.QueryBundleRequest' as const,\n    entityId: SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID,\n    partMask: initQueryRequestFromProps.partMask ?? 0,\n    query: {\n      sql: SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL,\n      selectedFacets: initQueryRequestFromProps.query?.selectedFacets,\n      additionalFilters: initQueryRequestFromProps.query?.additionalFilters,\n      limit: initQueryRequestFromProps.query?.limit,\n      offset: initQueryRequestFromProps.query?.offset,\n    },\n  }) as QueryBundleRequest\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    onQueryChange,\n    shouldDeepLink,\n  })\n\n  const {\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  // SearchTableQueryUseQueryOptions uses SearchIndexQuery generics rather than QueryBundleRequest.\n  // QueryContextType (and all downstream consumers) expect TableQueryUseQueryOptions. The runtime\n  // shapes are identical — only the TypeScript generics differ — so a single cast is made here at\n  // the architectural boundary rather than scattering `as unknown as` across the implementation.\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useSearchQueryUseQueryOptions(\n    currentQueryRequest as QueryBundleRequest,\n    searchIndexId,\n    synapseId,\n  ) as unknown as TableQueryUseQueryOptions\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, undefined)\n  }, [getCurrentQueryRequest])\n\n  // Provides page-specific row query options using the search API, so components like\n  // usePrefetchTableRows don't accidentally call the standard table query API with the\n  // synthetic entity ID.\n  const getRowDataQueryOptionsForPage = useCallback(\n    (pageNumber: number) => {\n      const queryWithUpdatedPage = transformQueryToGoToPage(\n        { type: 'goToPage', pageNumber },\n        cloneDeep(getCurrentQueryRequest()),\n      )\n      return (\n        getSearchQueryUseQueryOptions(\n          queryWithUpdatedPage,\n          keyFactory,\n          accessToken,\n          searchIndexId,\n          columnModels,\n        ) as unknown as TableQueryUseQueryOptions\n      ).rowDataQueryOptions\n    },\n    [\n      getCurrentQueryRequest,\n      keyFactory,\n      accessToken,\n      searchIndexId,\n      columnModels,\n    ],\n  )\n\n  // TODO: useDeepCompareMemoize cannot meaningfully compare functions — it falls back to\n  // reference equality for them. The callbacks below (getCurrentQueryRequest, removeSelectedFacet,\n  // getRowDataQueryOptionsForPage, etc.) behave identically to a shallow useMemo dep.\n  // The correct fix is to deep-compare only serializable data fields and use a plain useMemo for\n  // the full context object. QueryWrapper.tsx has the same issue; fix both together in a follow-up.\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId: synapseId,\n    versionNumber: undefined,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked: undefined,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig: undefined,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn: undefined,\n    fileIdColumnName: undefined,\n    fileVersionColumnName: undefined,\n    fileNameColumnName: undefined,\n    getRowDataQueryOptionsForPage,\n  })\n\n  return (\n    <QueryContextProvider queryContext={context}>\n      {onQueryResultBundleChange && (\n        <SearchQueryResultBundleChangeNotifier\n          onQueryResultBundleChange={onQueryResultBundleChange}\n        />\n      )}\n      {props.children}\n    </QueryContextProvider>\n  )\n}\n\n/**\n * Provides a QueryContext populated by results from the SearchQueryServicesApi rather than\n * the standard Table Query Services. All subcomponents that consume QueryContext can be\n * used unchanged within a SearchQueryWrapper tree.\n */\nexport function SearchQueryWrapper(props: SearchQueryWrapperProps) {\n  return (\n    <Provider>\n      <SearchQueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6CA,IAAa,IAA2C,UAC3C,IAAqC,iBAAiB;AAgCnE,SAAS,EAAsC,EAC7C,gCAGC;CACD,IAAM,EAAE,iCAA8B,GAAiB,EAQjD,EAAE,YAAS,EAAS,EAAU,EAK9B,IAA+B,EAAO,EAA0B;AAOtE,QANA,EAA6B,UAAU,GACvC,QAAgB;AACd,EAAI,KACF,EAA6B,QAAQ,KAAK,UAAU,EAAK,CAAC;IAE3D,CAAC,EAAK,CAAC,EACH;;AAGT,SAAS,EAA2B,GAAgC;AAClE,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAuC,GAAI,GAAS,CAAA,EAC5B,CAAA;;AAI9B,SAAS,EAAsC,GAAgC;CAC7E,IAAM,EACJ,kBAAkB,GAClB,kBACA,8BACA,gBAAa,IACb,kBACA,oBAAiB,OACf,GAEE,EAAE,eAAY,mBAAgB,GAAmB,EAEjD,EAAE,MAAM,MAA0B,EACtC,GACA,KAAA,GACA,EACE,cAAc,IACf,CACF,EACK,IAAoB,GAEpB,IAAY,GAAmB,cACjC,EAA8B,EAAkB,YAAY,GAC5D,KAAA,GAEE,EAAE,MAAM,MAAiB,EAC7B,GACA,KAAA,GACA,EAAE,oBAAoB,IAAM,EAC5B,EAAE,cAAc,IAAM,CACvB,EACK,IAAe,GAAc,aAAa,cAyB1C,EACJ,wBACA,2BACA,aACA,eACA,wBACA,iCACA,sBACA,+BACA,qBACA,wBACA,4BACA,uBACA,uBACA,gBACA,UAAA,GACA,aACA,mBAvBgC,EAAuB;EACvD,kBAfuB,EAAsB;GAC7C,cACE;GACF,UAAU;GACV,UAAU,EAA0B,YAAY;GAChD,OAAO;IACL,KAAK;IACL,gBAAgB,EAA0B,OAAO;IACjD,mBAAmB,EAA0B,OAAO;IACpD,OAAO,EAA0B,OAAO;IACxC,QAAQ,EAA0B,OAAO;IAC1C;GACF,CAGC;EACA;EACA;EACD,CAoBG,EAME,EACJ,wBACA,gCACA,iCACE,EACF,GACA,GACA,EACD;AA+ED,QACE,kBAAC,GAAD;EAAsB,cApCU,EAAsB;GACtD;GACA,UAAU;GACV,eAAe,KAAA;GACf;GACA;GACA;GACA;GACA,qBAAqB;GACrB,wBAnD6B,EAC7B,EAkDA;GACA,sBAhD2B,QAEpB,EADS,GACgB,CAAQ,OAAO,KAAA,EAAU,EACxD,CAAC,EAAuB,CA6CzB;GACA;GACA;GACA;GACA;GACA;GACA,8BAA8B,KAAA;GAC9B;GACA,yBAAyB,KAAA;GACzB;GACA;GACA;GACA;GACA;GACA;GACA,UAAA;GACA;GACA;GACA,cAAc,KAAA;GACd,kBAAkB,KAAA;GAClB,uBAAuB,KAAA;GACvB,oBAAoB,KAAA;GACpB,+BA9DoC,GACnC,MAMG,EAL2B,EAC3B;IAAE,MAAM;IAAY;IAAY,EAChC,EAAU,GAAwB,CAAC,CAIjC,EACA,GACA,GACA,GACA,EACD,CACD,qBAEJ;IACE;IACA;IACA;IACA;IACA;IACD,CAwCD;GACD,CAGqC;YAApC,CACG,KACC,kBAAC,GAAD,EAC6B,8BAC3B,CAAA,EAEH,EAAM,SACc;;;AAS3B,SAAgB,EAAmB,GAAgC;AACjE,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAA4B,GAAI,GAAS,CAAA,EAChC,CAAA"}
+{"version":3,"file":"SearchQueryWrapper.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryWrapper.tsx"],"sourcesContent":["import { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { goToPage as transformQueryToGoToPage } from '@/utils/hooks/useImmutableTableQuery/TableQueryReducerActions'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider } from 'jotai'\nimport {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport {\n  QueryContextProvider,\n  QueryContextType,\n  useQueryContext,\n} from '../QueryContext/QueryContext'\nimport {\n  getSearchQueryUseQueryOptions,\n  useSearchQueryUseQueryOptions,\n} from './SearchQueryUseQueryOptions'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\nimport useHasFacetedSelectColumn from '../QueryWrapper/useHasFacetedSelectColumn'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\nimport { useGetEntity, useGetEntityBundle } from '@/synapse-queries'\nimport type {\n  SearchIndexQuery,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport { SearchIndex } from '@sage-bionetworks/synapse-client'\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { cloneDeep } from 'lodash-es'\n\n/**\n * The initQueryRequest used internally within SearchQueryWrapper. It uses a synthetic entity ID\n * and SQL so we can reuse useImmutableTableQuery for facet/pagination state management, even though\n * the actual data is fetched from the SearchQueryServicesApi (not a table entity).\n */\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID = 'search'\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL = `SELECT * FROM ${SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID}`\n\nexport type SearchQueryWrapperProps = PropsWithChildren<{\n  /**\n   * The ID of the SearchIndex entity to query.\n   */\n  searchIndexId: string\n  /**\n   * The initial query request. Only `query.selectedFacets`, `query.additionalFilters`,\n   * `query.limit`, and `query.offset` are used; the `entityId` and `sql` fields are\n   * overridden with synthetic values. The `partMask` controls which parts of the response\n   * bundle to request.\n   */\n  initQueryRequest: {\n    concreteType?: QueryBundleRequest['concreteType']\n    partMask?: QueryBundleRequest['partMask']\n    query?: Partial<QueryBundleRequest['query']>\n  }\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, it will be called whenever the query result bundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  isInfinite?: boolean\n  /** Whether the URL should update when the query is modified (deep linking). */\n  shouldDeepLink?: boolean\n}>\n\n/**\n * Internal component that reads the current query metadata from QueryContext and fires\n * onQueryResultBundleChange whenever the data changes. Must be rendered as a child of\n * QueryContextProvider (i.e. inside SearchQueryWrapper).\n */\nfunction SearchQueryResultBundleChangeNotifier({\n  onQueryResultBundleChange,\n}: {\n  onQueryResultBundleChange: (json: string) => void\n}) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n  // queryMetadataQueryOptions is UseSuspenseQueryOptions; cast to UseQueryOptions so we can use\n  // regular (non-suspense) `useQuery` here — the same cache key is shared, so no extra request is made.\n  const queryOpts = queryMetadataQueryOptions as UseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n  const { data } = useQuery(queryOpts)\n  // Use a ref so we always call the latest callback without including it in the\n  // effect dependency array. Including a frequently-recreated callback in deps\n  // causes the effect to re-fire on every render, creating an infinite loop when\n  // the parent updates state inside the callback.\n  const onQueryResultBundleChangeRef = useRef(onQueryResultBundleChange)\n  onQueryResultBundleChangeRef.current = onQueryResultBundleChange\n  useEffect(() => {\n    if (data) {\n      onQueryResultBundleChangeRef.current(JSON.stringify(data))\n    }\n  }, [data])\n  return null\n}\n\nfunction SearchQueryWrapperInternal(props: SearchQueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <SearchQueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\nfunction SearchQueryWrapperInternalWithSession(props: SearchQueryWrapperProps) {\n  const {\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryChange,\n    onQueryResultBundleChange,\n    isInfinite = false,\n    searchIndexId,\n    shouldDeepLink = false,\n  } = props\n\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: searchIndexEntityData } = useGetEntity(\n    searchIndexId,\n    undefined,\n    {\n      throwOnError: true,\n    },\n  )\n  const searchIndexEntity = searchIndexEntityData as SearchIndex | undefined\n\n  const synapseId = searchIndexEntity?.definingSQL\n    ? parseEntityIdFromSqlStatement(searchIndexEntity.definingSQL)\n    : undefined\n\n  const { data: entityBundle } = useGetEntityBundle(\n    synapseId,\n    undefined,\n    { includeTableBundle: true },\n    { throwOnError: true },\n  )\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  // Build a full synthetic QueryBundleRequest so we can reuse useImmutableTableQuery.\n  // The entityId and sql are placeholders; only selectedFacets, limit, offset, and partMask\n  // are passed through to the actual SearchQueryServicesApi call.\n  const initQueryRequest = useDeepCompareMemoize({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.QueryBundleRequest' as const,\n    entityId: SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID,\n    partMask: initQueryRequestFromProps.partMask ?? 0,\n    query: {\n      sql: SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL,\n      selectedFacets: initQueryRequestFromProps.query?.selectedFacets,\n      additionalFilters: initQueryRequestFromProps.query?.additionalFilters,\n      limit: initQueryRequestFromProps.query?.limit,\n      offset: initQueryRequestFromProps.query?.offset,\n    },\n  }) as QueryBundleRequest\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    onQueryChange,\n    shouldDeepLink,\n  })\n\n  const {\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  // SearchTableQueryUseQueryOptions uses SearchIndexQuery generics rather than QueryBundleRequest.\n  // QueryContextType (and all downstream consumers) expect TableQueryUseQueryOptions. The runtime\n  // shapes are identical — only the TypeScript generics differ — so a single cast is made here at\n  // the architectural boundary rather than scattering `as unknown as` across the implementation.\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useSearchQueryUseQueryOptions(\n    currentQueryRequest as QueryBundleRequest,\n    searchIndexId,\n    synapseId,\n  ) as unknown as TableQueryUseQueryOptions\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, undefined)\n  }, [getCurrentQueryRequest])\n\n  // Provides page-specific row query options using the search API, so components like\n  // usePrefetchTableRows don't accidentally call the standard table query API with the\n  // synthetic entity ID.\n  const getRowDataQueryOptionsForPage = useCallback(\n    (pageNumber: number) => {\n      const queryWithUpdatedPage = transformQueryToGoToPage(\n        { type: 'goToPage', pageNumber },\n        cloneDeep(getCurrentQueryRequest()),\n      )\n      return (\n        getSearchQueryUseQueryOptions(\n          queryWithUpdatedPage,\n          keyFactory,\n          accessToken,\n          searchIndexId,\n          columnModels,\n        ) as unknown as TableQueryUseQueryOptions\n      ).rowDataQueryOptions\n    },\n    [\n      getCurrentQueryRequest,\n      keyFactory,\n      accessToken,\n      searchIndexId,\n      columnModels,\n    ],\n  )\n\n  // TODO: useDeepCompareMemoize cannot meaningfully compare functions — it falls back to\n  // reference equality for them. The callbacks below (getCurrentQueryRequest, removeSelectedFacet,\n  // getRowDataQueryOptionsForPage, etc.) behave identically to a shallow useMemo dep.\n  // The correct fix is to deep-compare only serializable data fields and use a plain useMemo for\n  // the full context object. QueryWrapper.tsx has the same issue; fix both together in a follow-up.\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId: synapseId,\n    versionNumber: undefined,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked: undefined,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig: undefined,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn: undefined,\n    fileIdColumnName: undefined,\n    fileVersionColumnName: undefined,\n    fileNameColumnName: undefined,\n    getRowDataQueryOptionsForPage,\n  })\n\n  return (\n    <QueryContextProvider queryContext={context}>\n      {onQueryResultBundleChange && (\n        <SearchQueryResultBundleChangeNotifier\n          onQueryResultBundleChange={onQueryResultBundleChange}\n        />\n      )}\n      {props.children}\n    </QueryContextProvider>\n  )\n}\n\n/**\n * Provides a QueryContext populated by results from the SearchQueryServicesApi rather than\n * the standard Table Query Services. All subcomponents that consume QueryContext can be\n * used unchanged within a SearchQueryWrapper tree.\n */\nexport function SearchQueryWrapper(props: SearchQueryWrapperProps) {\n  return (\n    <Provider>\n      <SearchQueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6CA,IAAa,IAA2C,UAC3C,IAAqC,iBAAiB;AAgCnE,SAAS,EAAsC,EAC7C,gCAGC;CACD,IAAM,EAAE,iCAA8B,EAAgB,GAQhD,EAAE,YAAS,EAAS,CAAS,GAK7B,IAA+B,EAAO,CAAyB;CAOrE,OANA,EAA6B,UAAU,GACvC,QAAgB;EACd,AAAI,KACF,EAA6B,QAAQ,KAAK,UAAU,CAAI,CAAC;CAE7D,GAAG,CAAC,CAAI,CAAC,GACF;AACT;AAEA,SAAS,EAA2B,GAAgC;CAClE,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAuC,GAAI,EAAQ,CAAA,EAC5B,CAAA;AAE7B;AAEA,SAAS,EAAsC,GAAgC;CAC7E,IAAM,EACJ,kBAAkB,GAClB,kBACA,8BACA,gBAAa,IACb,kBACA,oBAAiB,OACf,GAEE,EAAE,eAAY,mBAAgB,EAAkB,GAEhD,EAAE,MAAM,MAA0B,EACtC,GACA,KAAA,GACA,EACE,cAAc,GAChB,CACF,GACM,IAAoB,GAEpB,IAAY,GAAmB,cACjC,EAA8B,EAAkB,WAAW,IAC3D,KAAA,GAEE,EAAE,MAAM,MAAiB,EAC7B,GACA,KAAA,GACA,EAAE,oBAAoB,GAAK,GAC3B,EAAE,cAAc,GAAK,CACvB,GACM,IAAe,GAAc,aAAa,cAyB1C,EACJ,wBACA,2BACA,aACA,eACA,wBACA,iCACA,sBACA,+BACA,qBACA,wBACA,4BACA,uBACA,uBACA,gBACA,UAAA,GACA,aACA,mBAvBgC,EAAuB;EACvD,kBAfuB,EAAsB;GAC7C,cACE;GACF,UAAU;GACV,UAAU,EAA0B,YAAY;GAChD,OAAO;IACL,KAAK;IACL,gBAAgB,EAA0B,OAAO;IACjD,mBAAmB,EAA0B,OAAO;IACpD,OAAO,EAA0B,OAAO;IACxC,QAAQ,EAA0B,OAAO;GAC3C;EACF,CAGE;EACA;EACA;CACF,CAoBI,GAME,EACJ,wBACA,gCACA,iCACE,EACF,GACA,GACA,CACF;CA+EA,OACE,kBAAC,GAAD;EAAsB,cApCU,EAAsB;GACtD;GACA,UAAU;GACV,eAAe,KAAA;GACf;GACA;GACA;GACA;GACA,qBAAqB;GACrB,wBAnD6B,EAC7B,CAkDA;GACA,sBAhD2B,QAEpB,EADS,EACgB,EAAQ,OAAO,KAAA,CAAS,GACvD,CAAC,CAAsB,CA6CxB;GACA;GACA;GACA;GACA;GACA;GACA,8BAA8B,KAAA;GAC9B;GACA,yBAAyB,KAAA;GACzB;GACA;GACA;GACA;GACA;GACA;GACA,UAAA;GACA;GACA;GACA,cAAc,KAAA;GACd,kBAAkB,KAAA;GAClB,uBAAuB,KAAA;GACvB,oBAAoB,KAAA;GACpB,+BA9DoC,GACnC,MAMG,EAL2B,EAC3B;IAAE,MAAM;IAAY;GAAW,GAC/B,EAAU,EAAuB,CAAC,CAIhC,GACA,GACA,GACA,GACA,CACF,EACA,qBAEJ;IACE;IACA;IACA;IACA;IACA;GACF,CAwCA;EACF,CAGsC;YAApC,CACG,KACC,kBAAC,GAAD,EAC6B,6BAC5B,CAAA,GAEF,EAAM,QACa;;AAE1B;AAOA,SAAgB,EAAmB,GAAgC;CACjE,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAA4B,GAAI,EAAQ,CAAA,EAChC,CAAA;AAEd"}

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.d.ts

@@ -24,7 +24,7 @@ type SearchQueryWrapperPlotNavOwnProps = {
     initialLimit?: number;
     hideTopLevelControls?: boolean;
 };
-export type SearchQueryWrapperPlotNavProps = SearchQueryWrapperPlotNavOwnProps & PlotsContainerProps & Pick<QueryVisualizationWrapperProps, 'defaultShowPlots' | 'visibleColumnCount' | 'columnAliases' | 'rgbIndex' | 'showLastUpdatedOn' | 'noContentPlaceholderType' | 'unitDescription' | 'helpConfiguration' | 'hideCopyToClipboard' | 'hideVisualizationsControl' | 'lockTextMatchesQueryFilterPill' | 'hideSearchBarControl' | 'defaultShowSearchBar'> & Pick<TopLevelControlsProps, 'name' | 'hideQueryCount'> & {
+export type SearchQueryWrapperPlotNavProps = SearchQueryWrapperPlotNavOwnProps & PlotsContainerProps & Pick<QueryVisualizationWrapperProps, 'defaultShowPlots' | 'visibleColumnCount' | 'hiddenColumns' | 'columnAliases' | 'rgbIndex' | 'showLastUpdatedOn' | 'noContentPlaceholderType' | 'unitDescription' | 'helpConfiguration' | 'hideCopyToClipboard' | 'hideVisualizationsControl' | 'lockTextMatchesQueryFilterPill' | 'hideSearchBarControl' | 'defaultShowSearchBar'> & Pick<TopLevelControlsProps, 'name' | 'hideQueryCount'> & {
     /** Optional initial query parameters. Only selectedFacets, additionalFilters, limit, and offset are used. */
     initQueryRequest?: SearchQueryWrapperProps['initQueryRequest'];
     /** Called when the query result bundle changes (e.g. to report result counts to a parent). */

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryWrapperPlotNav.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAEL,8BAA8B,EAC/B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAA;AACtF,OAAO,EAEL,uBAAuB,EACxB,MAAM,0CAA0C,CAAA;AAIjD,KAAK,iCAAiC,GAAG;IACvC,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,2HAA2H;IAC3H,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAA;IAC7D,4BAA4B,CAAC,EAAE,wBAAwB,CAAC,8BAA8B,CAAC,CAAA;IACvF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAI/B,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,iCAAiC,GAC5E,mBAAmB,GACnB,IAAI,CACF,8BAA8B,EAC5B,kBAAkB,GAClB,oBAAoB,GACpB,eAAe,GACf,UAAU,GACV,mBAAmB,GACnB,0BAA0B,GAC1B,iBAAiB,GACjB,mBAAmB,GACnB,qBAAqB,GACrB,2BAA2B,GAC3B,gCAAgC,GAChC,sBAAsB,GACtB,sBAAsB,CACzB,GACD,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG;IACvD,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,kBAAkB,CAAC,CAAA;IAC9D,8FAA8F;IAC9F,yBAAyB,CAAC,EAAE,uBAAuB,CAAC,2BAA2B,CAAC,CAAA;IAChF,+EAA+E;IAC/E,cAAc,CAAC,EAAE,uBAAuB,CAAC,gBAAgB,CAAC,CAAA;CAC3D,CAAA;AAEH;;;;;;;;;GASG;AACH,wBAAgB,gCAAgC,CAAC,MAAM,EAAE;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,GAAG,MAAM,IAAI,8BAA8B,CAE3C;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,KAAK,EAAE,8BAA8B,2CAoGtC"}
+{"version":3,"file":"SearchQueryWrapperPlotNav.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAEL,8BAA8B,EAC/B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAA;AACtF,OAAO,EAEL,uBAAuB,EACxB,MAAM,0CAA0C,CAAA;AAIjD,KAAK,iCAAiC,GAAG;IACvC,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,2HAA2H;IAC3H,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAA;IAC7D,4BAA4B,CAAC,EAAE,wBAAwB,CAAC,8BAA8B,CAAC,CAAA;IACvF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAI/B,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,iCAAiC,GAC5E,mBAAmB,GACnB,IAAI,CACF,8BAA8B,EAC5B,kBAAkB,GAClB,oBAAoB,GACpB,eAAe,GACf,eAAe,GACf,UAAU,GACV,mBAAmB,GACnB,0BAA0B,GAC1B,iBAAiB,GACjB,mBAAmB,GACnB,qBAAqB,GACrB,2BAA2B,GAC3B,gCAAgC,GAChC,sBAAsB,GACtB,sBAAsB,CACzB,GACD,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG;IACvD,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,kBAAkB,CAAC,CAAA;IAC9D,8FAA8F;IAC9F,yBAAyB,CAAC,EAAE,uBAAuB,CAAC,2BAA2B,CAAC,CAAA;IAChF,+EAA+E;IAC/E,cAAc,CAAC,EAAE,uBAAuB,CAAC,gBAAgB,CAAC,CAAA;CAC3D,CAAA;AAEH;;;;;;;;;GASG;AACH,wBAAgB,gCAAgC,CAAC,MAAM,EAAE;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,GAAG,MAAM,IAAI,8BAA8B,CAE3C;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,KAAK,EAAE,8BAA8B,2CAqGtC"}

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js

@@ -37,6 +37,7 @@ function d(u) {
 				columnAliases: u.columnAliases,
 				helpConfiguration: m,
 				visibleColumnCount: u.visibleColumnCount,
+				hiddenColumns: u.hiddenColumns,
 				defaultShowPlots: u.defaultShowPlots,
 				hideCopyToClipboard: u.hideCopyToClipboard,
 				hideSearchBarControl: u.hideSearchBarControl ?? !1,

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Suspense, useRef } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport { TopLevelControlsProps } from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { PlotsContainerProps } from '../widgets/facet-nav/PlotsContainer'\nimport { FacetFilterControlsProps } from '../widgets/query-filter/FacetFilterControls'\nimport {\n  SearchQueryWrapper,\n  SearchQueryWrapperProps,\n} from '../SearchQueryWrapper/SearchQueryWrapper'\nimport { QueryWrapperPlotNavContents } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { useGetSuggestionsForSearchIndex } from '../SearchQueryWrapper/SearchQueryUseQueryOptions'\n\ntype SearchQueryWrapperPlotNavOwnProps = {\n  /** The ID of the SearchIndex entity to query. */\n  searchIndexId: string\n  /**\n   * The name of the field to use for autocomplete suggestions.\n   * When provided, the search bar will show a dropdown of suggestions as the user types,\n   * populated by querying the search index with this field restricted via POST /search/autocomplete.\n   */\n  autocompleteFieldName?: string\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n  // Note: hideDownload, hideSqlEditorControl are intentionally\n  // excluded — they are hardcoded to true because these controls are not applicable to the\n  // SearchQueryServicesApi (no file download, no SQL editing).\n}\n\nexport type SearchQueryWrapperPlotNavProps = SearchQueryWrapperPlotNavOwnProps &\n  PlotsContainerProps &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideVisualizationsControl'\n    | 'lockTextMatchesQueryFilterPill'\n    | 'hideSearchBarControl'\n    | 'defaultShowSearchBar'\n  > &\n  Pick<TopLevelControlsProps, 'name' | 'hideQueryCount'> & {\n    /** Optional initial query parameters. Only selectedFacets, additionalFilters, limit, and offset are used. */\n    initQueryRequest?: SearchQueryWrapperProps['initQueryRequest']\n    /** Called when the query result bundle changes (e.g. to report result counts to a parent). */\n    onQueryResultBundleChange?: SearchQueryWrapperProps['onQueryResultBundleChange']\n    /** Whether the URL should update when the query is modified (deep linking). */\n    shouldDeepLink?: SearchQueryWrapperProps['shouldDeepLink']\n  }\n\n/**\n * Type guard that identifies a SearchQueryWrapperPlotNavProps from the union\n * `QueryWrapperPlotNavProps | SearchQueryWrapperPlotNavProps`.\n *\n * Two conditions are checked to be robust against future API changes:\n *  1. The config has `searchIndexId` (present only on SearchQueryWrapperPlotNavProps).\n *  2. The config does NOT have `sql` (always present on QueryWrapperPlotNavProps via\n *     QueryOrDeprecatedSearchParams), so that if QueryWrapperPlotNavProps ever gains a\n *     `searchIndexId` field the guard remains correct.\n */\nexport function isSearchQueryWrapperPlotNavProps(config: {\n  searchIndexId?: unknown\n  sql?: unknown\n}): config is SearchQueryWrapperPlotNavProps {\n  return 'searchIndexId' in config && !('sql' in config)\n}\n\n/**\n * A component similar to QueryWrapperPlotNav that sources its data from the SearchQueryServicesApi\n * rather than the standard Synapse Table Services. Facets, table/card rendering, and plots are\n * all reused from the existing component library.\n */\nexport default function SearchQueryWrapperPlotNav(\n  props: SearchQueryWrapperPlotNavProps,\n) {\n  const {\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    unitDescription,\n    helpConfiguration,\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryResultBundleChange,\n    searchIndexId,\n    autocompleteFieldName,\n    shouldDeepLink,\n  } = props\n\n  const getSuggestions = useGetSuggestionsForSearchIndex(\n    searchIndexId,\n    autocompleteFieldName,\n  )\n\n  const initQueryRequest: SearchQueryWrapperProps['initQueryRequest'] =\n    useDeepCompareMemoize({\n      partMask: initQueryRequestFromProps?.partMask ?? 0,\n      query: {\n        selectedFacets: initQueryRequestFromProps?.query?.selectedFacets,\n        additionalFilters: initQueryRequestFromProps?.query?.additionalFilters,\n        limit: initQueryRequestFromProps?.query?.limit ?? DEFAULT_PAGE_SIZE,\n        offset: initQueryRequestFromProps?.query?.offset ?? 0,\n      },\n    })\n\n  // Remount SearchQueryWrapper when initQueryRequest content changes.\n  // useDeepCompareMemoize returns the same reference when content is equal, so reference\n  // comparison is sufficient here. A counter is used rather than JSON.stringify to avoid\n  // serializing the object on every render.\n  const mountKeyRef = useRef(0)\n  const prevInitQueryRef = useRef(initQueryRequest)\n  if (prevInitQueryRef.current !== initQueryRequest) {\n    mountKeyRef.current += 1\n    prevInitQueryRef.current = initQueryRequest\n  }\n\n  return (\n    <SearchQueryWrapper\n      key={mountKeyRef.current}\n      searchIndexId={searchIndexId}\n      initQueryRequest={initQueryRequest}\n      isInfinite={isInfinite}\n      onQueryResultBundleChange={onQueryResultBundleChange}\n      shouldDeepLink={shouldDeepLink}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          hideSearchBarControl={props.hideSearchBarControl ?? false}\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\n          defaultShowSearchBar={props.defaultShowSearchBar ?? true}\n          showLastUpdatedOn={props.showLastUpdatedOn}\n          noContentPlaceholderType={\n            props.noContentPlaceholderType ??\n            NoContentPlaceholderType.INTERACTIVE\n          }\n        >\n          <QueryWrapperPlotNavContents\n            tableConfiguration={tableConfiguration}\n            name={props.name}\n            cardConfiguration={props.cardConfiguration}\n            facetsToPlot={props.facetsToPlot}\n            availableFacets={props.availableFacets}\n            initialExpandedFacetControls={props.initialExpandedFacetControls}\n            hideDownload={true}\n            hideQueryCount={props.hideQueryCount ?? false}\n            hideSqlEditorControl={true}\n            hideVisualizationsControl={props.hideVisualizationsControl}\n            initialLimit={props.initialLimit}\n            initialPlotTypeByFacetColumnName={\n              props.initialPlotTypeByFacetColumnName\n            }\n            hideTopLevelControls={props.hideTopLevelControls}\n            isFullTextSearchEnabled={true}\n            searchConfiguration={{\n              ftsConfig: {\n                textMatchesMode: 'NATURAL_LANGUAGE',\n                minSearchQueryLength: 1,\n                replaceExistingFilter: true,\n                getSuggestions: autocompleteFieldName\n                  ? getSuggestions\n                  : undefined,\n              },\n            }}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </SearchQueryWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAiFA,SAAgB,EAAiC,GAGJ;AAC3C,QAAO,mBAAmB,KAAU,EAAE,SAAS;;AAQjD,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,uBACA,gBAAa,CAAC,GACd,oBACA,sBACA,kBAAkB,GAClB,8BACA,kBACA,0BACA,sBACE,GAEE,IAAiB,EACrB,GACA,EACD,EAEK,IACJ,EAAsB;EACpB,UAAU,GAA2B,YAAY;EACjD,OAAO;GACL,gBAAgB,GAA2B,OAAO;GAClD,mBAAmB,GAA2B,OAAO;GACrD,OAAO,GAA2B,OAAO,SAAA;GACzC,QAAQ,GAA2B,OAAO,UAAU;GACrD;EACF,CAAC,EAME,IAAc,EAAO,EAAE,EACvB,IAAmB,EAAO,EAAiB;AAMjD,QALI,EAAiB,YAAY,MAC/B,EAAY,WAAW,GACvB,EAAiB,UAAU,IAI3B,kBAAC,GAAD;EAEiB;EACG;EACN;EACe;EACX;YAEhB,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAA6B,CAAA;aAC/C,kBAAC,GAAD;IACmB;IACjB,UAAU,EAAM;IAChB,eAAe,EAAM;IACF;IACnB,oBAAoB,EAAM;IAC1B,kBAAkB,EAAM;IACxB,qBAAqB,EAAM;IAC3B,sBAAsB,EAAM,wBAAwB;IACpD,gCAAgC,EAAM;IACtC,sBAAsB,EAAM,wBAAwB;IACpD,mBAAmB,EAAM;IACzB,0BACE,EAAM,4BACN,EAAyB;cAG3B,kBAAC,GAAD;KACsB;KACpB,MAAM,EAAM;KACZ,mBAAmB,EAAM;KACzB,cAAc,EAAM;KACpB,iBAAiB,EAAM;KACvB,8BAA8B,EAAM;KACpC,cAAc;KACd,gBAAgB,EAAM,kBAAkB;KACxC,sBAAsB;KACtB,2BAA2B,EAAM;KACjC,cAAc,EAAM;KACpB,kCACE,EAAM;KAER,sBAAsB,EAAM;KAC5B,yBAAyB;KACzB,qBAAqB,EACnB,WAAW;MACT,iBAAiB;MACjB,sBAAsB;MACtB,uBAAuB;MACvB,gBAAgB,IACZ,IACA,KAAA;MACL,EACF;KACD,CAAA;IACwB,CAAA;GACnB,CAAA;EACQ,EAvDd,EAAY,QAuDE"}
+{"version":3,"file":"SearchQueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Suspense, useRef } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport { TopLevelControlsProps } from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { PlotsContainerProps } from '../widgets/facet-nav/PlotsContainer'\nimport { FacetFilterControlsProps } from '../widgets/query-filter/FacetFilterControls'\nimport {\n  SearchQueryWrapper,\n  SearchQueryWrapperProps,\n} from '../SearchQueryWrapper/SearchQueryWrapper'\nimport { QueryWrapperPlotNavContents } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { useGetSuggestionsForSearchIndex } from '../SearchQueryWrapper/SearchQueryUseQueryOptions'\n\ntype SearchQueryWrapperPlotNavOwnProps = {\n  /** The ID of the SearchIndex entity to query. */\n  searchIndexId: string\n  /**\n   * The name of the field to use for autocomplete suggestions.\n   * When provided, the search bar will show a dropdown of suggestions as the user types,\n   * populated by querying the search index with this field restricted via POST /search/autocomplete.\n   */\n  autocompleteFieldName?: string\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n  // Note: hideDownload, hideSqlEditorControl are intentionally\n  // excluded — they are hardcoded to true because these controls are not applicable to the\n  // SearchQueryServicesApi (no file download, no SQL editing).\n}\n\nexport type SearchQueryWrapperPlotNavProps = SearchQueryWrapperPlotNavOwnProps &\n  PlotsContainerProps &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideVisualizationsControl'\n    | 'lockTextMatchesQueryFilterPill'\n    | 'hideSearchBarControl'\n    | 'defaultShowSearchBar'\n  > &\n  Pick<TopLevelControlsProps, 'name' | 'hideQueryCount'> & {\n    /** Optional initial query parameters. Only selectedFacets, additionalFilters, limit, and offset are used. */\n    initQueryRequest?: SearchQueryWrapperProps['initQueryRequest']\n    /** Called when the query result bundle changes (e.g. to report result counts to a parent). */\n    onQueryResultBundleChange?: SearchQueryWrapperProps['onQueryResultBundleChange']\n    /** Whether the URL should update when the query is modified (deep linking). */\n    shouldDeepLink?: SearchQueryWrapperProps['shouldDeepLink']\n  }\n\n/**\n * Type guard that identifies a SearchQueryWrapperPlotNavProps from the union\n * `QueryWrapperPlotNavProps | SearchQueryWrapperPlotNavProps`.\n *\n * Two conditions are checked to be robust against future API changes:\n *  1. The config has `searchIndexId` (present only on SearchQueryWrapperPlotNavProps).\n *  2. The config does NOT have `sql` (always present on QueryWrapperPlotNavProps via\n *     QueryOrDeprecatedSearchParams), so that if QueryWrapperPlotNavProps ever gains a\n *     `searchIndexId` field the guard remains correct.\n */\nexport function isSearchQueryWrapperPlotNavProps(config: {\n  searchIndexId?: unknown\n  sql?: unknown\n}): config is SearchQueryWrapperPlotNavProps {\n  return 'searchIndexId' in config && !('sql' in config)\n}\n\n/**\n * A component similar to QueryWrapperPlotNav that sources its data from the SearchQueryServicesApi\n * rather than the standard Synapse Table Services. Facets, table/card rendering, and plots are\n * all reused from the existing component library.\n */\nexport default function SearchQueryWrapperPlotNav(\n  props: SearchQueryWrapperPlotNavProps,\n) {\n  const {\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    unitDescription,\n    helpConfiguration,\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryResultBundleChange,\n    searchIndexId,\n    autocompleteFieldName,\n    shouldDeepLink,\n  } = props\n\n  const getSuggestions = useGetSuggestionsForSearchIndex(\n    searchIndexId,\n    autocompleteFieldName,\n  )\n\n  const initQueryRequest: SearchQueryWrapperProps['initQueryRequest'] =\n    useDeepCompareMemoize({\n      partMask: initQueryRequestFromProps?.partMask ?? 0,\n      query: {\n        selectedFacets: initQueryRequestFromProps?.query?.selectedFacets,\n        additionalFilters: initQueryRequestFromProps?.query?.additionalFilters,\n        limit: initQueryRequestFromProps?.query?.limit ?? DEFAULT_PAGE_SIZE,\n        offset: initQueryRequestFromProps?.query?.offset ?? 0,\n      },\n    })\n\n  // Remount SearchQueryWrapper when initQueryRequest content changes.\n  // useDeepCompareMemoize returns the same reference when content is equal, so reference\n  // comparison is sufficient here. A counter is used rather than JSON.stringify to avoid\n  // serializing the object on every render.\n  const mountKeyRef = useRef(0)\n  const prevInitQueryRef = useRef(initQueryRequest)\n  if (prevInitQueryRef.current !== initQueryRequest) {\n    mountKeyRef.current += 1\n    prevInitQueryRef.current = initQueryRequest\n  }\n\n  return (\n    <SearchQueryWrapper\n      key={mountKeyRef.current}\n      searchIndexId={searchIndexId}\n      initQueryRequest={initQueryRequest}\n      isInfinite={isInfinite}\n      onQueryResultBundleChange={onQueryResultBundleChange}\n      shouldDeepLink={shouldDeepLink}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          hideSearchBarControl={props.hideSearchBarControl ?? false}\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\n          defaultShowSearchBar={props.defaultShowSearchBar ?? true}\n          showLastUpdatedOn={props.showLastUpdatedOn}\n          noContentPlaceholderType={\n            props.noContentPlaceholderType ??\n            NoContentPlaceholderType.INTERACTIVE\n          }\n        >\n          <QueryWrapperPlotNavContents\n            tableConfiguration={tableConfiguration}\n            name={props.name}\n            cardConfiguration={props.cardConfiguration}\n            facetsToPlot={props.facetsToPlot}\n            availableFacets={props.availableFacets}\n            initialExpandedFacetControls={props.initialExpandedFacetControls}\n            hideDownload={true}\n            hideQueryCount={props.hideQueryCount ?? false}\n            hideSqlEditorControl={true}\n            hideVisualizationsControl={props.hideVisualizationsControl}\n            initialLimit={props.initialLimit}\n            initialPlotTypeByFacetColumnName={\n              props.initialPlotTypeByFacetColumnName\n            }\n            hideTopLevelControls={props.hideTopLevelControls}\n            isFullTextSearchEnabled={true}\n            searchConfiguration={{\n              ftsConfig: {\n                textMatchesMode: 'NATURAL_LANGUAGE',\n                minSearchQueryLength: 1,\n                replaceExistingFilter: true,\n                getSuggestions: autocompleteFieldName\n                  ? getSuggestions\n                  : undefined,\n              },\n            }}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </SearchQueryWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAkFA,SAAgB,EAAiC,GAGJ;CAC3C,OAAO,mBAAmB,KAAU,EAAE,SAAS;AACjD;AAOA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,uBACA,gBAAa,CAAC,GACd,oBACA,sBACA,kBAAkB,GAClB,8BACA,kBACA,0BACA,sBACE,GAEE,IAAiB,EACrB,GACA,CACF,GAEM,IACJ,EAAsB;EACpB,UAAU,GAA2B,YAAY;EACjD,OAAO;GACL,gBAAgB,GAA2B,OAAO;GAClD,mBAAmB,GAA2B,OAAO;GACrD,OAAO,GAA2B,OAAO,SAAA;GACzC,QAAQ,GAA2B,OAAO,UAAU;EACtD;CACF,CAAC,GAMG,IAAc,EAAO,CAAC,GACtB,IAAmB,EAAO,CAAgB;CAMhD,OALI,EAAiB,YAAY,MAC/B,EAAY,WAAW,GACvB,EAAiB,UAAU,IAI3B,kBAAC,GAAD;EAEiB;EACG;EACN;EACe;EACX;YAEhB,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,CAA4B,CAAA;aAC9C,kBAAC,GAAD;IACmB;IACjB,UAAU,EAAM;IAChB,eAAe,EAAM;IACF;IACnB,oBAAoB,EAAM;IAC1B,eAAe,EAAM;IACrB,kBAAkB,EAAM;IACxB,qBAAqB,EAAM;IAC3B,sBAAsB,EAAM,wBAAwB;IACpD,gCAAgC,EAAM;IACtC,sBAAsB,EAAM,wBAAwB;IACpD,mBAAmB,EAAM;IACzB,0BACE,EAAM,4BACN,EAAyB;cAG3B,kBAAC,GAAD;KACsB;KACpB,MAAM,EAAM;KACZ,mBAAmB,EAAM;KACzB,cAAc,EAAM;KACpB,iBAAiB,EAAM;KACvB,8BAA8B,EAAM;KACpC,cAAc;KACd,gBAAgB,EAAM,kBAAkB;KACxC,sBAAsB;KACtB,2BAA2B,EAAM;KACjC,cAAc,EAAM;KACpB,kCACE,EAAM;KAER,sBAAsB,EAAM;KAC5B,yBAAyB;KACzB,qBAAqB,EACnB,WAAW;MACT,iBAAiB;MACjB,sBAAsB;MACtB,uBAAuB;MACvB,gBAAgB,IACZ,IACA,KAAA;KACN,EACF;IACD,CAAA;GACwB,CAAA;EACnB,CAAA;CACQ,GAxDb,EAAY,OAwDC;AAExB"}