{"version":3,"file":"index.cjs","sources":["../../src/components/QueryEditor/QueryEditorRow.tsx","../../src/hooks/useDebounce.ts","../../src/components/DebounceInput/DebounceInput.tsx","../../src/components/Segment/Segment.tsx","../../src/components/DatePicker/styles.ts","../../src/components/DatePicker/DatePicker.tsx","../../src/components/DatePickerWithInput/styles.ts","../../src/components/DatePickerWithInput/DatePickerWithInput.tsx","../../src/components/Plugins/PluginSignatureBadge.tsx","../../src/components/DataSourcePicker/DataSourcePicker.tsx","../../src/components/DataLinks/DataLink.tsx","../../src/components/DataLinks/DataLinks.tsx","../../src/components/QueryEditor/expressions.ts","../../src/components/SQLEditor/utils/tokenType.ts","../../src/components/SQLEditor/utils/LinkedToken.ts","../../src/components/SQLEditor/types.ts","../../src/components/SQLEditor/standardSql/getStatementPosition.ts","../../src/components/SQLEditor/utils/toCompletionItem.ts","../../src/components/SQLEditor/standardSql/getStandardSuggestions.ts","../../src/components/SQLEditor/standardSql/suggestionsKindRegistry.ts","../../src/components/SQLEditor/utils/getSuggestionKind.ts","../../src/components/SQLEditor/utils/linkedTokenBuilder.ts","../../src/components/SQLEditor/standardSql/language.ts","../../src/components/SQLEditor/utils/tokenUtils.ts","../../src/components/SQLEditor/utils/commands.ts","../../src/components/SQLEditor/standardSql/standardSuggestionsRegistry.ts","../../src/components/SQLEditor/standardSql/statementPositionResolversRegistry.ts","../../src/components/SQLEditor/utils/debugger.ts","../../src/components/SQLEditor/standardSql/macros.ts","../../src/components/SQLEditor/standardSql/standardSQLCompletionItemProvider.ts","../../src/components/SQLEditor/standardSql/definition.ts","../../src/components/SQLEditor/hooks/useLatestCallback.ts","../../src/components/SQLEditor/components/SQLEditor.tsx","../../src/components/SQLEditor/mocks/queries/singleLineFullQuery.ts","../../src/components/SQLEditor/mocks/queries/singleLineFullQueryWithAggregation.ts","../../src/components/SQLEditor/mocks/queries/multiLineFullQuery.ts","../../src/components/SQLEditor/mocks/queries/multiLineFullQueryWithAggregation.ts","../../src/components/SQLEditor/mocks/queries/singleLineEmptyQuery.ts","../../src/components/SQLEditor/mocks/queries/singleLineTwoQueries.ts","../../src/components/SQLEditor/mocks/queries/singleLineTwoQueriesWithAggregation.ts","../../src/components/SQLEditor/mocks/queries/singleLineMultipleColumns.ts","../../src/components/SQLEditor/mocks/queries/multiLineMultipleColumns.ts","../../src/components/SQLEditor/mocks/Monaco.ts","../../src/components/SQLEditor/mocks/TextModel.ts","../../src/components/SQLEditor/test-utils/statementPosition.ts","../../src/components/SQLEditor/test-utils/index.ts","../../src/components/QueryEditor/types.ts","../../src/components/QueryEditor/utils/sql.utils.ts","../../src/components/QueryEditor/EditorStack.tsx","../../src/components/QueryEditor/EditorList.tsx","../../src/components/QueryEditor/AccessoryButton.tsx","../../src/components/QueryEditor/InputGroup.tsx","../../src/components/QueryEditor/visual-query-builder/GroupByRow.tsx","../../src/components/QueryEditor/EditorFieldGroup.tsx","../../src/components/QueryEditor/EditorHeader.tsx","../../src/components/QueryEditor/EditorField.tsx","../../src/components/QueryEditor/EditorRow.tsx","../../src/components/QueryEditor/EditorRows.tsx","../../src/components/QueryEditor/EditorSwitch.tsx","../../src/components/QueryEditor/FlexItem.tsx","../../src/components/QueryEditor/InlineSelect.tsx","../../src/components/QueryEditor/Space.tsx","../../src/components/QueryEditor/defaults.ts","../../src/components/QueryEditor/ConfirmModal.tsx","../../src/components/QueryEditor/DatasetSelector.tsx","../../src/components/QueryEditor/CatalogSelector.tsx","../../src/components/QueryEditor/TableSelector.tsx","../../src/components/QueryEditor/RunQueryButton.tsx","../../src/components/QueryEditor/QueryHeader.tsx","../../src/components/QueryEditor/utils/formatSQL.ts","../../src/components/QueryEditor/query-editor-raw/QueryEditorRaw.tsx","../../src/components/QueryEditor/query-editor-raw/QueryValidator.tsx","../../src/components/QueryEditor/query-editor-raw/QueryToolbox.tsx","../../src/components/QueryEditor/query-editor-raw/RawEditor.tsx","../../src/components/QueryEditor/visual-query-builder/Preview.tsx","../../src/components/QueryEditor/utils/useSqlChange.ts","../../src/components/QueryEditor/visual-query-builder/SQLGroupByRow.tsx","../../src/components/QueryEditor/visual-query-builder/OrderByRow.tsx","../../src/components/QueryEditor/visual-query-builder/SQLOrderByRow.tsx","../../src/components/QueryEditor/visual-query-builder/SelectRow.tsx","../../src/components/QueryEditor/visual-query-builder/SQLSelectRow.tsx","../../node_modules/immutable/dist/immutable.es.js","../../src/components/QueryEditor/visual-query-builder/AwesomeQueryBuilder.tsx","../../src/components/QueryEditor/visual-query-builder/WhereRow.tsx","../../src/components/QueryEditor/visual-query-builder/SQLWhereRow.tsx","../../src/components/QueryEditor/visual-query-builder/EditorRow.tsx","../../src/components/QueryEditor/visual-query-builder/EditorField.tsx","../../src/components/QueryEditor/visual-query-builder/EditorRows.tsx","../../src/components/QueryEditor/visual-query-builder/VisualEditor.tsx","../../node_modules/tslib/tslib.es6.mjs","../../node_modules/rxjs/dist/esm5/internal/util/isFunction.js","../../node_modules/rxjs/dist/esm5/internal/util/createErrorClass.js","../../node_modules/rxjs/dist/esm5/internal/util/UnsubscriptionError.js","../../node_modules/rxjs/dist/esm5/internal/util/arrRemove.js","../../node_modules/rxjs/dist/esm5/internal/Subscription.js","../../node_modules/rxjs/dist/esm5/internal/config.js","../../node_modules/rxjs/dist/esm5/internal/scheduler/timeoutProvider.js","../../node_modules/rxjs/dist/esm5/internal/util/reportUnhandledError.js","../../node_modules/rxjs/dist/esm5/internal/util/noop.js","../../node_modules/rxjs/dist/esm5/internal/util/errorContext.js","../../node_modules/rxjs/dist/esm5/internal/Subscriber.js","../../node_modules/rxjs/dist/esm5/internal/symbol/observable.js","../../node_modules/rxjs/dist/esm5/internal/util/identity.js","../../node_modules/rxjs/dist/esm5/internal/util/pipe.js","../../node_modules/rxjs/dist/esm5/internal/Observable.js","../../node_modules/rxjs/dist/esm5/internal/util/lift.js","../../node_modules/rxjs/dist/esm5/internal/operators/OperatorSubscriber.js","../../node_modules/rxjs/dist/esm5/internal/observable/empty.js","../../node_modules/rxjs/dist/esm5/internal/util/isScheduler.js","../../node_modules/rxjs/dist/esm5/internal/util/args.js","../../node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js","../../node_modules/rxjs/dist/esm5/internal/util/isPromise.js","../../node_modules/rxjs/dist/esm5/internal/util/isInteropObservable.js","../../node_modules/rxjs/dist/esm5/internal/util/isAsyncIterable.js","../../node_modules/rxjs/dist/esm5/internal/util/throwUnobservableError.js","../../node_modules/rxjs/dist/esm5/internal/symbol/iterator.js","../../node_modules/rxjs/dist/esm5/internal/util/isIterable.js","../../node_modules/rxjs/dist/esm5/internal/util/isReadableStreamLike.js","../../node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js","../../node_modules/rxjs/dist/esm5/internal/util/executeSchedule.js","../../node_modules/rxjs/dist/esm5/internal/operators/observeOn.js","../../node_modules/rxjs/dist/esm5/internal/operators/subscribeOn.js","../../node_modules/rxjs/dist/esm5/internal/scheduled/scheduleObservable.js","../../node_modules/rxjs/dist/esm5/internal/scheduled/schedulePromise.js","../../node_modules/rxjs/dist/esm5/internal/scheduled/scheduleArray.js","../../node_modules/rxjs/dist/esm5/internal/scheduled/scheduleIterable.js","../../node_modules/rxjs/dist/esm5/internal/scheduled/scheduleAsyncIterable.js","../../node_modules/rxjs/dist/esm5/internal/scheduled/scheduleReadableStreamLike.js","../../node_modules/rxjs/dist/esm5/internal/scheduled/scheduled.js","../../node_modules/rxjs/dist/esm5/internal/observable/from.js","../../node_modules/rxjs/dist/esm5/internal/observable/of.js","../../node_modules/rxjs/dist/esm5/internal/util/EmptyError.js","../../node_modules/rxjs/dist/esm5/internal/lastValueFrom.js","../../node_modules/rxjs/dist/esm5/internal/operators/map.js","../../node_modules/rxjs/dist/esm5/internal/operators/mergeInternals.js","../../node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js","../../node_modules/rxjs/dist/esm5/internal/operators/mergeAll.js","../../node_modules/rxjs/dist/esm5/internal/observable/merge.js","../../node_modules/rxjs/dist/esm5/internal/operators/catchError.js","../../src/datasource/constants.ts","../../src/datasource/SqlDatasource.ts","../../src/components/QueryEditor/QueryEditor.tsx","../../src/components/ConfigEditor/SecureSocksProxyToggle.tsx","../../src/components/ConfigEditor/DataSourceDescription.tsx","../../src/components/ConfigEditor/ConfigSection/GenericConfigSection.tsx","../../src/components/ConfigEditor/ConfigSection/ConfigSection.tsx","../../src/components/ConfigEditor/ConfigSection/ConfigSubSection.tsx","../../src/components/ConfigEditor/ConfigSection/ConfigDescriptionLink.tsx","../../src/components/ConfigEditor/Auth/types.ts","../../src/components/ConfigEditor/Auth/styles.ts","../../src/components/ConfigEditor/Auth/auth-method/BasicAuth.tsx","../../src/components/ConfigEditor/Auth/auth-method/AuthMethodSettings.tsx","../../src/components/ConfigEditor/Auth/tls/TLSSettingsSection.tsx","../../src/components/ConfigEditor/Auth/tls/SelfSignedCertificate.tsx","../../src/components/ConfigEditor/Auth/tls/TLSClientAuth.tsx","../../src/components/ConfigEditor/Auth/tls/SkipTLSVerification.tsx","../../src/components/ConfigEditor/Auth/tls/TLSSettings.tsx","../../src/components/ConfigEditor/Auth/custom-headers/CustomHeader.tsx","../../src/components/ConfigEditor/Auth/custom-headers/CustomHeaders.tsx","../../src/components/ConfigEditor/Auth/Auth.tsx","../../src/components/ConfigEditor/Auth/utils.ts","../../src/components/ConfigEditor/Connection/ConnectionSettings.tsx","../../src/components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/cel.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/config.ts","../../node_modules/react-hook-form/dist/index.esm.mjs","../../src/components/ConfigEditor/DatasourceConfigWizard/datasource.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/fieldUtils.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/PrimitiveInputs.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/SecureFieldInput.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/StringArrayInput.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/IndexedPairEditor.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/FileUploadField.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/ObjectArrayEditor.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/ComplexFieldNote.tsx","../../src/schema/utils/llm.ts","../../node_modules/js-yaml/dist/js-yaml.mjs","../../src/schema/utils/provisioning.ts","../../src/schema/utils/dsconfig.ts","../../src/schema/utils/registry.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/FieldInput.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/styles.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/SchemaField.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/AuthorizationHeaderField.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/layoutParts.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/hooks/formInterpreter.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/tracking.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/hooks/useDatasourceConfigForm.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/WizardLayout.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/DatasourceConfigWizard.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/DatasourceErrorBoundary.tsx","../../src/components/ConfigEditor/DatasourceConfigWizard/hooks/useHealthChecks.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/resolvePluginName.ts","../../src/components/ConfigEditor/DatasourceConfigWizard/hooks/useDatasourceSchema.ts","../../src/components/CustomHeadersSettings/CustomHeadersSettings.tsx","../../src/components/VisualQueryBuilder/types.ts","../../src/components/VisualQueryBuilder/QueryModellerBase.ts","../../src/components/VisualQueryBuilder/components/LabelFilterItem.tsx","../../src/components/VisualQueryBuilder/components/LabelFilters.tsx","../../src/components/VisualQueryBuilder/components/OperationExplainedBox.tsx","../../src/components/VisualQueryBuilder/components/OperationInfoButton.tsx","../../src/components/VisualQueryBuilder/components/OperationHeader.tsx","../../src/components/VisualQueryBuilder/components/OperationParamEditor.tsx","../../src/components/VisualQueryBuilder/components/OperationEditorBody.tsx","../../src/components/VisualQueryBuilder/components/OperationEditor.tsx","../../src/components/VisualQueryBuilder/components/OperationList.tsx","../../src/components/VisualQueryBuilder/components/RawQuery.tsx","../../src/components/VisualQueryBuilder/components/OperationListExplained.tsx","../../src/components/VisualQueryBuilder/components/OperationsEditorRow.tsx","../../src/components/VisualQueryBuilder/components/QueryBuilderHints.tsx","../../src/components/VisualQueryBuilder/components/QueryEditorModeToggle.tsx","../../src/components/VisualQueryBuilder/components/QueryHeaderSwitch.tsx","../../src/components/VisualQueryBuilder/components/QueryOptionGroup.tsx","../../node_modules/semver/internal/constants.js","../../node_modules/semver/internal/debug.js","../../node_modules/semver/internal/re.js","../../node_modules/semver/internal/parse-options.js","../../node_modules/semver/internal/identifiers.js","../../node_modules/semver/classes/semver.js","../../node_modules/semver/functions/parse.js","../../node_modules/semver/functions/valid.js","../../node_modules/semver/functions/clean.js","../../node_modules/semver/functions/inc.js","../../node_modules/semver/functions/diff.js","../../node_modules/semver/functions/major.js","../../node_modules/semver/functions/minor.js","../../node_modules/semver/functions/patch.js","../../node_modules/semver/functions/prerelease.js","../../node_modules/semver/functions/compare.js","../../node_modules/semver/functions/rcompare.js","../../node_modules/semver/functions/compare-loose.js","../../node_modules/semver/functions/compare-build.js","../../node_modules/semver/functions/sort.js","../../node_modules/semver/functions/rsort.js","../../node_modules/semver/functions/gt.js","../../node_modules/semver/functions/lt.js","../../node_modules/semver/functions/eq.js","../../node_modules/semver/functions/neq.js","../../node_modules/semver/functions/gte.js","../../node_modules/semver/functions/lte.js","../../node_modules/semver/functions/cmp.js","../../node_modules/semver/functions/coerce.js","../../node_modules/semver/functions/truncate.js","../../node_modules/semver/internal/lrucache.js","../../node_modules/semver/classes/range.js","../../node_modules/semver/classes/comparator.js","../../node_modules/semver/functions/satisfies.js","../../node_modules/semver/ranges/to-comparators.js","../../node_modules/semver/ranges/max-satisfying.js","../../node_modules/semver/ranges/min-satisfying.js","../../node_modules/semver/ranges/min-version.js","../../node_modules/semver/ranges/valid.js","../../node_modules/semver/ranges/outside.js","../../node_modules/semver/ranges/gtr.js","../../node_modules/semver/ranges/ltr.js","../../node_modules/semver/ranges/intersects.js","../../node_modules/semver/ranges/simplify.js","../../node_modules/semver/ranges/subset.js","../../node_modules/semver/index.js","../../src/async-query-data/requestLooper.ts","../../src/async-query-data/DatasourceWithAsyncBackend.ts","../../src/async-query-data/RunQueryButtons.tsx"],"sourcesContent":["import React from 'react';\nexport interface QueryEditorRowProps {\n label?: string;\n className?: string;\n noFillEnd?: boolean;\n children?: React.ReactNode;\n}\n\nexport const QueryEditorRow = (props: QueryEditorRowProps) => {\n const className: string = props.className ?? 'width-8';\n const noFillEnd: boolean = props.noFillEnd ?? false;\n\n return (\n
\n {props.label && }\n {props.children}\n\n
{noFillEnd ||
}
\n
\n );\n};\n","import { useState, useEffect } from 'react';\n\nexport const DEFAULT_DELAY = 275;\n\nexport const useDebounce = (value: T, delay: number = DEFAULT_DELAY) => {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n\n return () => {\n clearTimeout(handler);\n };\n // TODO: We should fix this\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n\n return debouncedValue;\n};\n","import React, { type ComponentProps, useState, useEffect } from 'react';\nimport { Input } from '@grafana/ui';\nimport { useDebounce } from '../../hooks/useDebounce';\n\nexport interface DebounceInputProps extends Omit, 'ref'> {\n value: string;\n onDebounce: (debouncedInput?: string) => void;\n delay?: number;\n}\n\nexport const DebounceInput = (props: DebounceInputProps) => {\n const { delay, onDebounce, value, ...rest } = props;\n const [input, setInput] = useState(value);\n\n const debouncedInput = useDebounce(input, delay);\n\n // TODO: We should fix this\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(() => onDebounce(debouncedInput), [debouncedInput]);\n useEffect(() => setInput(value), [value]);\n\n return setInput(ev.currentTarget.value)} value={input} {...rest} />;\n};\n","import React, { useEffect, type ComponentProps, useState } from 'react';\nimport { Segment as GrafanaSegment } from '@grafana/ui';\nimport { type SelectableValue } from '@grafana/data';\nimport { useDebounce } from '../../hooks/useDebounce';\n\nexport interface SegmentProps extends Omit>, 'onChange'> {\n value: T;\n onDebounce: (debouncedSegment?: T) => void;\n delay?: number;\n}\n\nexport function Segment(props: SegmentProps) {\n const { delay, onDebounce, value, options, ...rest } = props;\n const [input, setInput] = useState(value);\n\n const debouncedSegment = useDebounce(input, delay);\n\n // TODO: We should fix the exhaustive-deps rule\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(() => onDebounce(debouncedSegment), [debouncedSegment]);\n useEffect(() => setInput(value), [value]);\n\n return (\n ) => setInput(ev.value!)}\n value={input}\n {...rest}\n />\n );\n}\n","import { type GrafanaTheme2 } from '@grafana/data';\nimport { css } from '@emotion/css';\n\nexport const getStyles = (theme: GrafanaTheme2) => {\n const containerBorder = theme.isDark ? theme.v1.palette.dark9 : theme.v1.palette.gray5;\n\n return {\n container: css`\n top: -1px;\n position: absolute;\n right: 544px;\n box-shadow: 0px 0px 20px ${theme.v1.colors.dropdownShadow};\n background-color: ${theme.v1.colors.bodyBg};\n z-index: -1;\n border: 1px solid ${containerBorder};\n border-radius: 2px 0 0 2px;\n\n &:after {\n display: block;\n background-color: ${theme.v1.colors.bodyBg};\n width: 19px;\n height: 100%;\n content: '';\n position: absolute;\n top: 0;\n right: -19px;\n border-left: 1px solid ${theme.v1.colors.border1};\n }\n `,\n modal: css`\n z-index: ${theme.v1.zIndex.modal};\n `,\n content: css`\n margin: 0 auto;\n width: 268px;\n `,\n backdrop: css`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: #202226;\n opacity: 0.7;\n z-index: ${theme.v1.zIndex.modalBackdrop};\n text-align: center;\n `,\n };\n};\n\nexport const getBodyStyles = (theme: GrafanaTheme2) => {\n const containerBorder = theme.isDark ? theme.v1.palette.dark9 : theme.v1.palette.gray5;\n\n return {\n title: css`\n color: ${theme.colors.text};\n background-color: ${theme.v1.colors.bodyBg};\n font-size: ${theme.v1.typography.size.md};\n border: 1px solid transparent;\n\n &:hover {\n position: relative;\n }\n `,\n body: css`\n z-index: ${theme.zIndex.modal};\n position: fixed;\n background-color: ${theme.v1.colors.bodyBg};\n width: 268px;\n\n box-shadow: 0px 0px 20px ${theme.v1.colors.dropdownShadow};\n border: 1px solid ${containerBorder};\n border-radius: 2px 0 0 2px;\n\n .react-calendar__navigation__label,\n .react-calendar__navigation__arrow,\n .react-calendar__navigation {\n padding-top: 4px;\n background-color: inherit;\n color: ${theme.colors.text};\n border: 0;\n font-weight: ${theme.v1.typography.weight.semibold};\n }\n\n .react-calendar__month-view__weekdays {\n background-color: inherit;\n text-align: center;\n color: ${theme.v1.palette.blue77};\n\n abbr {\n border: 0;\n text-decoration: none;\n cursor: default;\n display: block;\n padding: 4px 0 4px 0;\n }\n }\n\n .react-calendar__month-view__days {\n background-color: inherit;\n }\n\n .react-calendar__tile,\n .react-calendar__tile--now {\n margin-bottom: 4px;\n background-color: inherit;\n height: 26px;\n }\n\n .react-calendar__navigation__label,\n .react-calendar__navigation > button:focus,\n .time-picker-calendar-tile:focus {\n outline: 0;\n }\n\n .react-calendar__tile--active,\n .react-calendar__tile--active:hover {\n color: ${theme.v1.palette.white};\n font-weight: ${theme.v1.typography.weight.semibold};\n background: ${theme.v1.palette.blue95};\n box-shadow: none;\n border: 0px;\n }\n\n .react-calendar__tile--rangeEnd,\n .react-calendar__tile--rangeStart {\n padding: 0;\n border: 0px;\n color: ${theme.v1.palette.white};\n font-weight: ${theme.v1.typography.weight.semibold};\n background: ${theme.v1.palette.blue95};\n\n abbr {\n background-color: ${theme.v1.palette.blue77};\n border-radius: 100px;\n display: block;\n padding-top: 2px;\n height: 26px;\n }\n }\n\n .react-calendar__tile--rangeStart {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n }\n\n .react-calendar__tile--rangeEnd {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n }\n `,\n };\n};\n","import React, { memo } from 'react';\nimport Calendar from 'react-calendar';\nimport { useTheme2, ClickOutsideWrapper, Icon } from '@grafana/ui';\nimport { getStyles, getBodyStyles } from './styles';\n\nexport interface DatePickerProps {\n isOpen?: boolean;\n onClose: () => void;\n onChange: (value: Date) => void;\n value?: Date;\n}\n\nexport const DatePicker = memo((props) => {\n const theme = useTheme2();\n const styles = getStyles(theme);\n const { isOpen, onClose } = props;\n\n if (!isOpen) {\n return null;\n }\n\n return (\n \n
\n \n
\n \n );\n});\n\nDatePicker.displayName = 'DatePicker';\n\nconst Body = memo(({ value, onChange }) => {\n const theme = useTheme2();\n const styles = getBodyStyles(theme);\n\n return (\n }\n prevLabel={}\n onChange={(ev: any) => {\n if (!Array.isArray(ev)) {\n onChange(ev);\n }\n }}\n locale=\"en\"\n />\n );\n});\n\nBody.displayName = 'Body';\n","import { css } from '@emotion/css';\n\nexport function getStyles() {\n return {\n input: css({\n /* hides the native Calendar picker icon given when using type=date */\n \"input[type='date']::-webkit-inner-spin-button, input[type='date']::-webkit-calendar-picker-indicator\": {\n display: 'none',\n WebkitAppearance: 'none',\n },\n }),\n };\n}\n","import React, { type ComponentProps, useState } from 'react';\nimport { Input } from '@grafana/ui';\nimport { DatePicker } from '../DatePicker/DatePicker';\nimport { getStyles } from './styles';\nimport { cx } from '@emotion/css';\n\nexport const formatDate = (date: Date) => date.toISOString().split('T')[0];\n\nexport interface DatePickerWithInputProps extends Omit, 'ref' | 'value' | 'onChange'> {\n value?: Date;\n onChange: (value: Date) => void;\n}\n\nexport const DatePickerWithInput = (props: DatePickerWithInputProps) => {\n const { value, onChange, className, ...rest } = props;\n const [open, setOpen] = useState(false);\n const styles = getStyles();\n\n return (\n <>\n setOpen(true)}\n onChange={() => {}}\n className={cx(styles.input, className)}\n {...rest}\n />\n onChange(ev)} onClose={() => setOpen(false)} />\n \n );\n};\n","import React, { type HTMLAttributes } from 'react';\nimport { Badge, type BadgeProps } from '@grafana/ui';\nimport { PluginErrorCode, PluginSignatureStatus } from '@grafana/data';\n\ninterface Props extends HTMLAttributes {\n status?: PluginSignatureStatus;\n}\n\nexport const PluginSignatureBadge = ({ status, ...otherProps }: Props) => {\n const display = getSignatureDisplayModel(status);\n return (\n \n );\n};\n\nexport function isUnsignedPluginSignature(signature?: PluginSignatureStatus) {\n return signature && signature !== PluginSignatureStatus.valid && signature !== PluginSignatureStatus.internal;\n}\n\nexport function mapPluginErrorCodeToSignatureStatus(code: PluginErrorCode) {\n switch (code) {\n case PluginErrorCode.invalidSignature:\n return PluginSignatureStatus.invalid;\n case PluginErrorCode.missingSignature:\n return PluginSignatureStatus.missing;\n case PluginErrorCode.modifiedSignature:\n return PluginSignatureStatus.modified;\n default:\n return PluginSignatureStatus.missing;\n }\n}\n\nfunction getSignatureDisplayModel(signature?: PluginSignatureStatus): BadgeProps {\n if (!signature) {\n signature = PluginSignatureStatus.invalid;\n }\n\n switch (signature) {\n case PluginSignatureStatus.internal:\n return { text: 'Core', icon: 'cube', color: 'blue', tooltip: 'Core plugin that is bundled with Grafana' };\n case PluginSignatureStatus.valid:\n return { text: 'Signed', icon: 'lock', color: 'green', tooltip: 'Signed and verified plugin' };\n case PluginSignatureStatus.invalid:\n return {\n text: 'Invalid signature',\n icon: 'exclamation-triangle',\n color: 'red',\n tooltip: 'Invalid plugin signature',\n };\n case PluginSignatureStatus.modified:\n return {\n text: 'Modified signature',\n icon: 'exclamation-triangle',\n color: 'red',\n tooltip: 'Valid signature but content has been modified',\n };\n case PluginSignatureStatus.missing:\n return {\n text: 'Missing signature',\n icon: 'exclamation-triangle',\n color: 'red',\n tooltip: 'Missing plugin signature',\n };\n }\n\n return { text: 'Unsigned', icon: 'exclamation-triangle', color: 'red', tooltip: 'Unsigned external plugin' };\n}\n\nPluginSignatureBadge.displayName = 'PluginSignatureBadge';\n","import React, { PureComponent } from 'react';\nimport { Stack, Select } from '@grafana/ui';\nimport { type DataSourceInstanceSettings, type SelectableValue } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { isUnsignedPluginSignature, PluginSignatureBadge } from '../Plugins/PluginSignatureBadge';\nimport { getDataSourceSrv, type DataSourceSrv } from '@grafana/runtime';\n\nexport interface Props {\n onChange: (ds: DataSourceInstanceSettings) => void;\n current: string | null;\n hideTextValue?: boolean;\n onBlur?: () => void;\n autoFocus?: boolean;\n openMenuOnFocus?: boolean;\n placeholder?: string;\n tracing?: boolean;\n mixed?: boolean;\n dashboard?: boolean;\n metrics?: boolean;\n annotations?: boolean;\n variables?: boolean;\n pluginId?: string;\n noDefault?: boolean;\n}\n\nexport interface State {\n error?: string;\n}\n\nexport class DataSourcePicker extends PureComponent {\n dataSourceSrv: DataSourceSrv = getDataSourceSrv();\n\n static defaultProps: Partial = {\n autoFocus: false,\n openMenuOnFocus: false,\n placeholder: 'Select datasource',\n };\n\n state: State = {};\n\n constructor(props: Props) {\n super(props);\n }\n\n componentDidMount() {\n const { current } = this.props;\n const dsSettings = this.dataSourceSrv.getInstanceSettings(current!);\n if (!dsSettings) {\n this.setState({ error: 'Could not find data source ' + current });\n }\n }\n\n onChange = (item: SelectableValue) => {\n const dsSettings = this.dataSourceSrv.getInstanceSettings(item.value!);\n\n if (dsSettings) {\n this.props.onChange(dsSettings);\n this.setState({ error: undefined });\n }\n };\n\n private getCurrentValue(): SelectableValue {\n const { current, hideTextValue, noDefault } = this.props;\n\n if (!current && noDefault) {\n return {\n label: 'No datasources found',\n };\n }\n\n const ds = this.dataSourceSrv.getInstanceSettings(current!);\n\n if (ds) {\n return {\n label: ds.name.substr(0, 37),\n value: ds.name,\n imgUrl: ds.meta.info.logos.small,\n hideText: hideTextValue,\n meta: ds.meta,\n };\n }\n\n return {\n label: (current ?? 'no name') + ' - not found',\n value: (current ?? 'no name') + ' - not found',\n imgUrl: '',\n hideText: hideTextValue,\n };\n }\n\n getDataSourceOptions(): Array> {\n const options: Array> = this.dataSourceSrv.getList().map((ds) => ({\n value: ds.uid,\n label: ds.name,\n imgUrl: ds.meta.info.logos.small,\n meta: ds.meta,\n }));\n\n return options;\n }\n\n render() {\n const { autoFocus, onBlur, openMenuOnFocus, placeholder } = this.props;\n const { error } = this.state;\n const options = this.getDataSourceOptions();\n const value = this.getCurrentValue();\n\n return (\n
\n {\n if (o.meta && isUnsignedPluginSignature(o.meta.signature) && o !== value) {\n return (\n \n {o.label} \n \n );\n }\n return o.label || '';\n }}\n />\n
\n );\n }\n}\n","import React, { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\nimport { css } from '@emotion/css';\nimport { type VariableSuggestion, type DataSourceInstanceSettings, type DataSourceJsonData } from '@grafana/data';\nimport { Button, LegacyForms, DataLinkInput, stylesFactory } from '@grafana/ui';\nconst { FormField, Switch } = LegacyForms;\nimport { type DataLinkConfig } from './types';\nimport { usePrevious } from 'react-use';\nimport { DataSourcePicker } from '../DataSourcePicker/DataSourcePicker';\n\nconst getStyles = stylesFactory(() => ({\n firstRow: css`\n display: flex;\n `,\n nameField: css`\n flex: 2;\n `,\n regexField: css`\n flex: 3;\n `,\n row: css`\n display: flex;\n align-items: baseline;\n `,\n}));\n\ntype Props = {\n value: DataLinkConfig;\n datasources?: Array>;\n onChange: (value: DataLinkConfig) => void;\n onDelete: () => void;\n suggestions: VariableSuggestion[];\n className?: string;\n};\nexport const DataLink = (props: Props) => {\n const { value, onChange, onDelete, suggestions, className } = props;\n const styles = getStyles();\n const [showInternalLink, setShowInternalLink] = useInternalLink(value.datasourceUid);\n\n const handleChange = (field: keyof typeof value) => (event: React.ChangeEvent) => {\n onChange({\n ...value,\n [field]: event.currentTarget.value,\n });\n };\n\n return (\n
\n
\n \n {\n event.preventDefault();\n onDelete();\n }}\n />\n
\n
\n \n \n
\n
\n \n onChange({\n ...value,\n url: newValue,\n })\n }\n suggestions={suggestions}\n />\n }\n className={css`\n width: 100%;\n `}\n />\n
\n\n
\n {\n if (showInternalLink) {\n onChange({\n ...value,\n datasourceUid: undefined,\n });\n }\n setShowInternalLink(!showInternalLink);\n }}\n />\n {showInternalLink && (\n {\n onChange({\n ...value,\n datasourceUid: ds.uid,\n });\n }}\n current={value.datasourceUid}\n />\n )}\n
\n
\n );\n};\n\nfunction useInternalLink(datasourceUid?: string): [boolean, Dispatch>] {\n const [showInternalLink, setShowInternalLink] = useState(!!datasourceUid);\n const previousUid = usePrevious(datasourceUid);\n\n // Force internal link visibility change if uid changed outside of this component.\n useEffect(() => {\n if (!previousUid && datasourceUid && !showInternalLink) {\n setShowInternalLink(true);\n }\n if (previousUid && !datasourceUid && showInternalLink) {\n setShowInternalLink(false);\n }\n }, [previousUid, datasourceUid, showInternalLink]);\n\n return [showInternalLink, setShowInternalLink];\n}\n","import React from 'react';\nimport { css } from '@emotion/css';\nimport { Button, useTheme2 } from '@grafana/ui';\nimport { type GrafanaTheme2, VariableOrigin, DataLinkBuiltInVars } from '@grafana/data';\nimport { type DataLinkConfig } from './types';\nimport { DataLink } from './DataLink';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n infoText: css`\n padding-bottom: ${theme.v1.spacing.md};\n color: ${theme.v1.colors.textWeak};\n `,\n dataLink: css`\n margin-bottom: ${theme.v1.spacing.sm};\n `,\n});\n\ntype Props = {\n value?: DataLinkConfig[];\n onChange: (value: DataLinkConfig[]) => void;\n};\nexport const DataLinks = (props: Props) => {\n const { value, onChange } = props;\n const theme = useTheme2();\n const styles = getStyles(theme);\n\n return (\n <>\n

Data links

\n\n
\n Add links to existing fields. Links will be shown in log row details next to the field value.\n
\n\n
\n {value &&\n value.map((field, index) => {\n return (\n {\n const newDataLinks = [...value];\n newDataLinks.splice(index, 1, newField);\n onChange(newDataLinks);\n }}\n onDelete={() => {\n const newDataLinks = [...value];\n newDataLinks.splice(index, 1);\n onChange(newDataLinks);\n }}\n suggestions={[\n {\n value: DataLinkBuiltInVars.valueRaw,\n label: 'Raw value',\n documentation: 'Raw value of the field',\n origin: VariableOrigin.Value,\n },\n ]}\n />\n );\n })}\n
\n {\n event.preventDefault();\n const newDataLinks = [...(value || []), { field: '', label: '', matcherRegex: '', url: '' }];\n onChange(newDataLinks);\n }}\n >\n Add\n \n
\n
\n \n );\n};\n","export enum QueryEditorPropertyType {\n String = 'string',\n}\n\nexport interface QueryEditorProperty {\n type: QueryEditorPropertyType;\n name?: string;\n}\n\nexport type QueryEditorOperatorType = string | boolean | number;\ntype QueryEditorOperatorValueType = QueryEditorOperatorType | QueryEditorOperatorType[];\n\nexport interface QueryEditorOperator {\n name?: string;\n value?: T;\n}\n\nexport interface QueryEditorOperatorExpression {\n type: QueryEditorExpressionType.Operator;\n property: QueryEditorProperty;\n operator: QueryEditorOperator;\n}\n\nexport interface QueryEditorArrayExpression {\n type: QueryEditorExpressionType.And | QueryEditorExpressionType.Or;\n expressions: QueryEditorExpression[] | QueryEditorArrayExpression[];\n}\n\nexport interface QueryEditorPropertyExpression {\n type: QueryEditorExpressionType.Property;\n property: QueryEditorProperty;\n}\n\nexport enum QueryEditorExpressionType {\n Property = 'property',\n Operator = 'operator',\n Or = 'or',\n And = 'and',\n GroupBy = 'groupBy',\n Function = 'function',\n FunctionParameter = 'functionParameter',\n}\n\nexport type QueryEditorExpression =\n | QueryEditorArrayExpression\n | QueryEditorPropertyExpression\n | QueryEditorGroupByExpression\n | QueryEditorFunctionExpression\n | QueryEditorFunctionParameterExpression\n | QueryEditorOperatorExpression;\n\nexport interface QueryEditorGroupByExpression {\n type: QueryEditorExpressionType.GroupBy;\n property: QueryEditorProperty;\n}\n\nexport interface QueryEditorFunctionExpression {\n type: QueryEditorExpressionType.Function;\n name?: string;\n parameters?: QueryEditorFunctionParameterExpression[];\n}\n\nexport interface QueryEditorFunctionParameterExpression {\n type: QueryEditorExpressionType.FunctionParameter;\n name?: string;\n}\n","export enum TokenType {\n Parenthesis = 'delimiter.parenthesis.sql',\n Whitespace = 'white.sql',\n Keyword = 'keyword.sql',\n Delimiter = 'delimiter.sql',\n Operator = 'operator.sql',\n Identifier = 'identifier.sql',\n IdentifierQuote = 'identifier.quote.sql',\n Type = 'type.sql',\n Function = 'predefined.sql',\n Number = 'number.sql',\n String = 'string.sql',\n Variable = 'variable.sql',\n}\n","import { type monacoTypes } from '@grafana/ui';\nimport { TokenType } from './tokenType';\n\nexport class LinkedToken {\n constructor(\n public type: string,\n public value: string,\n public range: monacoTypes.IRange,\n public previous: LinkedToken | null,\n public next: LinkedToken | null\n ) {}\n\n isKeyword(): boolean {\n return this.type === TokenType.Keyword;\n }\n\n isWhiteSpace(): boolean {\n return this.type === TokenType.Whitespace;\n }\n\n isParenthesis(): boolean {\n return this.type === TokenType.Parenthesis;\n }\n\n isIdentifier(): boolean {\n return this.type === TokenType.Identifier;\n }\n\n isString(): boolean {\n return this.type === TokenType.String;\n }\n\n isNumber(): boolean {\n return this.type === TokenType.Number;\n }\n\n isDoubleQuotedString(): boolean {\n return this.type === TokenType.Type;\n }\n\n isVariable(): boolean {\n return this.type === TokenType.Variable;\n }\n\n isFunction(): boolean {\n return this.type === TokenType.Function;\n }\n\n isOperator(): boolean {\n return this.type === TokenType.Operator;\n }\n\n isTemplateVariable(): boolean {\n return this.type === TokenType.Variable;\n }\n\n is(type: TokenType, value?: string | number | boolean): boolean {\n const isType = this.type === type;\n\n return value !== undefined ? isType && compareTokenWithValue(type, this, value) : isType;\n }\n\n getPreviousNonWhiteSpaceToken(): LinkedToken | null {\n let curr = this.previous;\n while (curr != null) {\n if (!curr.isWhiteSpace()) {\n return curr;\n }\n curr = curr.previous;\n }\n return null;\n }\n\n getPreviousOfType(type: TokenType, value?: string): LinkedToken | null {\n let curr = this.previous;\n while (curr != null) {\n const isType = curr.type === type;\n\n if (value !== undefined ? isType && compareTokenWithValue(type, curr, value) : isType) {\n return curr;\n }\n curr = curr.previous;\n }\n return null;\n }\n\n getPreviousUntil(type: TokenType, ignoreTypes: TokenType[], value?: string): LinkedToken[] | null {\n let tokens: LinkedToken[] = [];\n let curr = this.previous;\n while (curr != null) {\n if (ignoreTypes.some((t) => t === curr?.type)) {\n curr = curr.previous;\n continue;\n }\n\n const isType = curr.type === type;\n\n if (value !== undefined ? isType && compareTokenWithValue(type, curr, value) : isType) {\n return tokens;\n }\n if (!curr.isWhiteSpace()) {\n tokens.push(curr);\n }\n curr = curr.previous;\n }\n\n return tokens;\n }\n\n getNextUntil(type: TokenType, ignoreTypes: TokenType[], value?: string): LinkedToken[] | null {\n let tokens: LinkedToken[] = [];\n let curr = this.next;\n while (curr != null) {\n if (ignoreTypes.some((t) => t === curr?.type)) {\n curr = curr.next;\n continue;\n }\n\n const isType = curr.type === type;\n\n if (value !== undefined ? isType && compareTokenWithValue(type, curr, value) : isType) {\n return tokens;\n }\n if (!curr.isWhiteSpace()) {\n tokens.push(curr);\n }\n curr = curr.next;\n }\n\n return tokens;\n }\n\n getPreviousKeyword(): LinkedToken | null {\n let curr = this.previous;\n while (curr != null) {\n if (curr.isKeyword()) {\n return curr;\n }\n curr = curr.previous;\n }\n return null;\n }\n\n getNextNonWhiteSpaceToken(): LinkedToken | null {\n let curr = this.next;\n while (curr != null) {\n if (!curr.isWhiteSpace()) {\n return curr;\n }\n curr = curr.next;\n }\n return null;\n }\n\n getNextOfType(type: TokenType, value?: string): LinkedToken | null {\n let curr = this.next;\n while (curr != null) {\n const isType = curr.type === type;\n\n if (value !== undefined ? isType && compareTokenWithValue(type, curr, value) : isType) {\n return curr;\n }\n curr = curr.next;\n }\n return null;\n }\n}\n\nfunction compareTokenWithValue(type: TokenType, token: LinkedToken, value: string | number | boolean) {\n return type === TokenType.Keyword || type === TokenType.Operator\n ? token.value.toLowerCase() === value.toString().toLowerCase()\n : token.value === value;\n}\n","import { type Monaco, type monacoTypes } from '@grafana/ui';\nimport { type LinkedToken } from './utils/LinkedToken';\n\n/**\n * Provides a context for suggestions resolver\n * @alpha\n */\nexport interface PositionContext {\n position: monacoTypes.IPosition;\n kind: SuggestionKind[];\n statementPosition: StatementPosition[];\n currentToken: LinkedToken | null;\n range: monacoTypes.IRange;\n}\n\nexport type CustomSuggestion = Partial & { label: string };\n\nexport interface CustomSuggestionKind {\n id: string;\n suggestionsResolver: SuggestionsResolver;\n applyTo?: Array;\n overrideDefault?: boolean;\n}\n\nexport interface CustomStatementPlacement {\n id: string;\n name?: string;\n resolve: StatementPositionResolver;\n overrideDefault?: boolean;\n}\nexport type StatementPlacementProvider = () => CustomStatementPlacement[];\nexport type SuggestionKindProvider = () => CustomSuggestionKind[];\n\nexport interface ColumnDefinition {\n name: string;\n type?: string;\n description?: string;\n // Text used for autocomplete. If not provided name is used.\n completion?: string;\n}\n\nexport interface SchemaDefinition {\n name: string;\n // Text used for autocomplete. If not provided name is used.\n completion?: string;\n}\n\nexport interface TableDefinition {\n name: string;\n // Text used for autocomplete. If not provided name is used.\n completion?: string;\n}\n\nexport interface Operator {\n id: string;\n operator: string;\n type: OperatorType;\n description?: string;\n}\n\nexport interface TableIdentifier {\n table?: string;\n schema?: string;\n catalog?: string;\n}\n\nexport interface SQLCompletionItemProvider\n extends Omit {\n /**\n * Allows dialect specific functions to be added to the completion list.\n * @alpha\n */\n supportedFunctions?: () => Array<{\n id: string;\n name: string;\n description?: string;\n }>;\n\n /**\n * Allows dialect specific operators to be added to the completion list.\n * @alpha\n */\n supportedOperators?: () => Array<{\n id: string;\n operator: string;\n type: OperatorType;\n description?: string;\n }>;\n\n supportedMacros?: () => Array<{\n id: string;\n text: string;\n type: MacroType;\n args: string[];\n description?: string;\n }>;\n\n /**\n * Allows custom suggestion kinds to be defined and correlate them with StatementPosition.\n * @alpha\n */\n customSuggestionKinds?: SuggestionKindProvider;\n\n /**\n * Allows custom statement placement definition.\n * @alpha\n */\n customStatementPlacement?: StatementPlacementProvider;\n\n /**\n * Allows providing a custom function for resolving schemas.\n * It's up to the consumer to decide whether the schemas are resolved via API calls or preloaded in the query editor(i.e. full db schema is preloaded).\n * @alpha\n */\n schemas?: {\n resolve: () => Promise;\n };\n\n /**\n * Allows providing a custom function for resolving db tables.\n * It's up to the consumer to decide whether the columns are resolved via API calls or preloaded in the query editor(i.e. full db schema is preloaded).\n * @alpha\n */\n tables?: {\n resolve: (TableIdentifier: TableIdentifier | null) => Promise;\n // Allows providing a custom function for calculating the table name from the query. If not specified a default implementation is used.\n parseName?: (token: LinkedToken | null | undefined) => TableIdentifier;\n };\n /**\n * Allows providing a custom function for resolving table.\n * It's up to the consumer to decide whether the columns are resolved via API calls or preloaded in the query editor(i.e. full db schema is preloaded).\n * @alpha\n */\n columns?: {\n resolve: (identifier?: TableIdentifier) => Promise;\n };\n\n /**\n * TODO: Not sure whether or not we need this. Would like to avoid this kind of flexibility.\n * @alpha\n */\n provideCompletionItems?: (\n model: monacoTypes.editor.ITextModel,\n position: monacoTypes.Position,\n context: monacoTypes.languages.CompletionContext,\n token: monacoTypes.CancellationToken,\n positionContext: PositionContext // Decorates original provideCompletionItems function with our custom statement position context\n ) => monacoTypes.languages.CompletionList;\n}\n\nexport interface SQLMonarchLanguage extends monacoTypes.languages.IMonarchLanguage {\n keywords?: string[];\n builtinFunctions?: string[];\n\n /* Example: AND, OR, LIKE */\n logicalOperators?: string[];\n /* Example: >, <>, = */\n comparisonOperators?: string[];\n\n /** Used by basic languages in the monaco registry **/\n operators?: string[];\n}\n\nexport type StatementPositionResolver = (\n currentToken: LinkedToken | null,\n previousKeyword: LinkedToken | null,\n previousNonWhiteSpace: LinkedToken | null,\n previousIsSlash: Boolean\n) => Boolean;\n\nexport type SuggestionsResolver = (\n positionContext: T\n) => Promise;\n\nexport type LanguageCompletionProvider = (m: Monaco, l?: SQLMonarchLanguage) => SQLCompletionItemProvider;\n\nexport interface LanguageDefinition extends monacoTypes.languages.ILanguageExtensionPoint {\n loader?: (module: any) => Promise<{\n language: SQLMonarchLanguage;\n conf: monacoTypes.languages.LanguageConfiguration;\n }>;\n // Provides API for customizing the autocomplete\n completionProvider?: (m: Monaco, language: SQLMonarchLanguage) => SQLCompletionItemProvider;\n // Function that returns a formatted query\n formatter?: (q: string) => string;\n}\n\nexport enum OperatorType {\n Comparison,\n Logical,\n}\n\nexport enum MacroType {\n Value,\n Filter,\n Group,\n Column,\n Table,\n}\n\nexport { TokenType } from './utils/tokenType';\n\nexport enum StatementPosition {\n Unknown = 'unknown',\n SelectKeyword = 'selectKeyword',\n WithKeyword = 'withKeyword',\n AfterSelectKeyword = 'afterSelectKeyword',\n AfterSelectArguments = 'afterSelectArguments',\n AfterSelectFuncFirstArgument = 'afterSelectFuncFirstArgument',\n SelectAlias = 'selectAlias',\n AfterFromKeyword = 'afterFromKeyword',\n AfterTable = 'afterTable',\n SchemaFuncFirstArgument = 'schemaFuncFirstArgument',\n SchemaFuncExtraArgument = 'schemaFuncExtraArgument',\n FromKeyword = 'fromKeyword',\n AfterFrom = 'afterFrom',\n WhereKeyword = 'whereKeyword',\n WhereComparisonOperator = 'whereComparisonOperator',\n WhereValue = 'whereValue',\n AfterWhereFunctionArgument = 'afterWhereFunctionArgument',\n AfterGroupByFunctionArgument = 'afterGroupByFunctionArgument',\n AfterWhereValue = 'afterWhereValue',\n AfterGroupByKeywords = 'afterGroupByKeywords',\n AfterGroupBy = 'afterGroupBy',\n AfterOrderByKeywords = 'afterOrderByKeywords',\n AfterOrderByFunction = 'afterOrderByFunction',\n AfterOrderByDirection = 'afterOrderByDirection',\n AfterIsOperator = 'afterIsOperator',\n AfterIsNotOperator = 'afterIsNotOperator',\n AfterSchema = 'afterSchema',\n}\n\nexport enum SuggestionKind {\n Schemas = 'schemas',\n Tables = 'tables',\n Columns = 'columns',\n SelectKeyword = 'selectKeyword',\n WithKeyword = 'withKeyword',\n FunctionsWithArguments = 'functionsWithArguments',\n FromKeyword = 'fromKeyword',\n WhereKeyword = 'whereKeyword',\n GroupByKeywords = 'groupByKeywords',\n OrderByKeywords = 'orderByKeywords',\n FunctionsWithoutArguments = 'functionsWithoutArguments',\n LimitKeyword = 'limitKeyword',\n SortOrderDirectionKeyword = 'sortOrderDirectionKeyword',\n ComparisonOperators = 'comparisonOperators',\n LogicalOperators = 'logicalOperators',\n SelectMacro = 'selectMacro',\n TableMacro = 'tableMacro',\n FilterMacro = 'filterMacro',\n GroupMacro = 'groupMacro',\n BoolValues = 'boolValues',\n NullValue = 'nullValue',\n NotKeyword = 'notKeyword',\n TemplateVariables = 'templateVariables',\n StarWildCard = 'starWildCard',\n}\n\n// TODO: export from grafana/ui\nexport enum CompletionItemPriority {\n High = 'a',\n MediumHigh = 'd',\n Medium = 'g',\n MediumLow = 'k',\n Low = 'q',\n}\n\nexport enum CompletionItemKind {\n Method = 0,\n Function = 1,\n Constructor = 2,\n Field = 3,\n Variable = 4,\n Class = 5,\n Struct = 6,\n Interface = 7,\n Module = 8,\n Property = 9,\n Event = 10,\n Operator = 11,\n Unit = 12,\n Value = 13,\n Constant = 14,\n Enum = 15,\n EnumMember = 16,\n Keyword = 17,\n Text = 18,\n Color = 19,\n File = 20,\n Reference = 21,\n Customcolor = 22,\n Folder = 23,\n TypeParameter = 24,\n User = 25,\n Issue = 26,\n Snippet = 27,\n}\n\nexport enum CompletionItemInsertTextRule {\n KeepWhitespace = 1,\n InsertAsSnippet = 4,\n}\n\nexport enum SQLEditorMode {\n Builder = 'builder',\n Code = 'code',\n}\n","import { StatementPosition, TokenType } from '../types';\nimport { type LinkedToken } from '../utils/LinkedToken';\nimport { type StatementPositionResolversRegistryItem } from './types';\nimport { type Registry } from '@grafana/data';\n\n// Given current cursor position in the SQL editor, returns the statement position.\nexport function getStatementPosition(\n currentToken: LinkedToken | null,\n statementPositionResolversRegistry: Registry\n): StatementPosition[] {\n const previousNonWhiteSpace = currentToken?.getPreviousNonWhiteSpaceToken();\n const previousKeyword = currentToken?.getPreviousKeyword();\n const previousIsSlash = currentToken?.getPreviousNonWhiteSpaceToken()?.is(TokenType.Operator, '/');\n const resolvers = statementPositionResolversRegistry.list();\n const positions = [];\n\n for (const resolver of resolvers) {\n if (\n resolver.resolve(currentToken, previousKeyword ?? null, previousNonWhiteSpace ?? null, Boolean(previousIsSlash))\n ) {\n positions.push(resolver.id);\n }\n }\n\n if (positions.length === 0) {\n return [StatementPosition.Unknown];\n }\n return positions;\n}\n","import { type monacoTypes } from '@grafana/ui';\nimport { CompletionItemKind, CompletionItemPriority } from '../types';\n\nexport const toCompletionItem = (\n value: string,\n range: monacoTypes.IRange,\n rest: Partial = {}\n) => {\n const item: monacoTypes.languages.CompletionItem = {\n label: value,\n insertText: value,\n kind: CompletionItemKind.Field,\n sortText: CompletionItemPriority.Medium,\n range,\n ...rest,\n };\n return item;\n};\n","import { type Registry } from '@grafana/data';\nimport { type Monaco, type monacoTypes } from '@grafana/ui';\nimport { type PositionContext, type SuggestionKind } from '../types';\nimport { type LinkedToken } from '../utils/LinkedToken';\nimport { toCompletionItem } from '../utils/toCompletionItem';\nimport { type SuggestionsRegistryItem } from './types';\n\n// Given standard and custom registered suggestions and kinds of suggestion expected, return a list of completion items\nexport const getStandardSuggestions = async (\n monaco: Monaco,\n currentToken: LinkedToken | null,\n suggestionKinds: SuggestionKind[],\n positionContext: PositionContext,\n suggestionsRegistry: Registry\n): Promise => {\n let suggestions: monacoTypes.languages.CompletionItem[] = [];\n const invalidRangeToken =\n currentToken?.isWhiteSpace() ||\n currentToken?.isParenthesis() ||\n (currentToken?.isIdentifier() && currentToken.value.endsWith('.'));\n const range =\n invalidRangeToken || !currentToken?.range\n ? monaco.Range.fromPositions(positionContext.position)\n : currentToken?.range;\n\n // iterating over Set to deduplicate\n for (const suggestion of [...new Set(suggestionKinds)]) {\n const registeredSuggestions = suggestionsRegistry.getIfExists(suggestion);\n if (registeredSuggestions) {\n const su = await registeredSuggestions.suggestions({ ...positionContext, range }, monaco);\n suggestions = [...suggestions, ...su.map((s) => toCompletionItem(s.label, range, { kind: s.kind, ...s }))];\n }\n }\n return Promise.resolve(suggestions);\n};\n","import { type RegistryItem } from '@grafana/data';\nimport { StatementPosition, SuggestionKind } from '../types';\n\nexport interface SuggestionKindRegistryItem extends RegistryItem {\n id: StatementPosition;\n kind: SuggestionKind[];\n}\n\n// Registry of possible suggestions for the given statement position\nexport const initSuggestionsKindRegistry = (): SuggestionKindRegistryItem[] => {\n return [\n {\n id: StatementPosition.SelectKeyword,\n name: StatementPosition.SelectKeyword,\n kind: [SuggestionKind.SelectKeyword],\n },\n {\n id: StatementPosition.WithKeyword,\n name: StatementPosition.WithKeyword,\n kind: [SuggestionKind.WithKeyword],\n },\n {\n id: StatementPosition.AfterSelectKeyword,\n name: StatementPosition.AfterSelectKeyword,\n kind: [\n SuggestionKind.StarWildCard,\n SuggestionKind.FunctionsWithArguments,\n SuggestionKind.Columns,\n SuggestionKind.SelectMacro,\n ],\n },\n {\n id: StatementPosition.AfterSelectFuncFirstArgument,\n name: StatementPosition.AfterSelectFuncFirstArgument,\n kind: [SuggestionKind.Columns],\n },\n {\n id: StatementPosition.AfterGroupByFunctionArgument,\n name: StatementPosition.AfterGroupByFunctionArgument,\n kind: [SuggestionKind.Columns],\n },\n {\n id: StatementPosition.AfterWhereFunctionArgument,\n name: StatementPosition.AfterWhereFunctionArgument,\n kind: [SuggestionKind.Columns],\n },\n {\n id: StatementPosition.AfterSelectArguments,\n name: StatementPosition.AfterSelectArguments,\n kind: [SuggestionKind.Columns],\n },\n {\n id: StatementPosition.AfterFromKeyword,\n name: StatementPosition.AfterFromKeyword,\n kind: [SuggestionKind.Schemas, SuggestionKind.Tables, SuggestionKind.TableMacro],\n },\n {\n id: StatementPosition.AfterSchema,\n name: StatementPosition.AfterSchema,\n kind: [SuggestionKind.Tables, SuggestionKind.TableMacro],\n },\n {\n id: StatementPosition.SelectAlias,\n name: StatementPosition.SelectAlias,\n kind: [SuggestionKind.Columns, SuggestionKind.FunctionsWithArguments],\n },\n {\n id: StatementPosition.FromKeyword,\n name: StatementPosition.FromKeyword,\n kind: [SuggestionKind.FromKeyword],\n },\n {\n id: StatementPosition.AfterFrom,\n name: StatementPosition.AfterFrom,\n kind: [\n SuggestionKind.WhereKeyword,\n SuggestionKind.GroupByKeywords,\n SuggestionKind.OrderByKeywords,\n SuggestionKind.LimitKeyword,\n ],\n },\n {\n id: StatementPosition.AfterTable,\n name: StatementPosition.AfterTable,\n kind: [\n SuggestionKind.WhereKeyword,\n SuggestionKind.GroupByKeywords,\n SuggestionKind.OrderByKeywords,\n SuggestionKind.LimitKeyword,\n ],\n },\n {\n id: StatementPosition.WhereKeyword,\n name: StatementPosition.WhereKeyword,\n kind: [SuggestionKind.Columns, SuggestionKind.FilterMacro, SuggestionKind.TemplateVariables],\n },\n {\n id: StatementPosition.WhereComparisonOperator,\n name: StatementPosition.WhereComparisonOperator,\n kind: [SuggestionKind.ComparisonOperators],\n },\n {\n id: StatementPosition.WhereValue,\n name: StatementPosition.WhereValue,\n kind: [SuggestionKind.FilterMacro, SuggestionKind.TemplateVariables],\n },\n {\n id: StatementPosition.AfterWhereValue,\n name: StatementPosition.AfterWhereValue,\n kind: [\n SuggestionKind.LogicalOperators,\n SuggestionKind.GroupByKeywords,\n SuggestionKind.OrderByKeywords,\n SuggestionKind.LimitKeyword,\n SuggestionKind.Columns,\n SuggestionKind.TemplateVariables,\n ],\n },\n {\n id: StatementPosition.AfterGroupByKeywords,\n name: StatementPosition.AfterGroupByKeywords,\n kind: [SuggestionKind.GroupMacro, SuggestionKind.Columns],\n },\n {\n id: StatementPosition.AfterGroupBy,\n name: StatementPosition.AfterGroupBy,\n kind: [SuggestionKind.OrderByKeywords, SuggestionKind.LimitKeyword],\n },\n {\n id: StatementPosition.AfterOrderByKeywords,\n name: StatementPosition.AfterOrderByKeywords,\n kind: [SuggestionKind.Columns],\n },\n {\n id: StatementPosition.AfterOrderByFunction,\n name: StatementPosition.AfterOrderByFunction,\n kind: [SuggestionKind.SortOrderDirectionKeyword, SuggestionKind.LimitKeyword],\n },\n {\n id: StatementPosition.AfterOrderByDirection,\n name: StatementPosition.AfterOrderByDirection,\n kind: [SuggestionKind.LimitKeyword],\n },\n {\n id: StatementPosition.AfterIsOperator,\n name: StatementPosition.AfterOrderByDirection,\n kind: [SuggestionKind.NotKeyword, SuggestionKind.NullValue, SuggestionKind.BoolValues],\n },\n {\n id: StatementPosition.AfterIsNotOperator,\n name: StatementPosition.AfterOrderByDirection,\n kind: [SuggestionKind.NullValue, SuggestionKind.BoolValues],\n },\n ];\n};\n","import { type Registry } from '@grafana/data';\nimport { type SuggestionKindRegistryItem } from '../standardSql/suggestionsKindRegistry';\nimport { type StatementPosition, type SuggestionKind } from '../types';\n\n/**\n * Given statement positions, returns list of suggestion kinds that apply to those positions.\n */\nexport function getSuggestionKinds(\n statementPosition: StatementPosition[],\n suggestionsKindRegistry: Registry\n): SuggestionKind[] {\n let result: SuggestionKind[] = [];\n for (let i = 0; i < statementPosition.length; i++) {\n const exists = suggestionsKindRegistry.getIfExists(statementPosition[i]);\n if (exists) {\n result = result.concat(exists.kind);\n }\n }\n\n return result;\n}\n","import type { monacoTypes } from '@grafana/ui';\nimport { TokenType } from '../types';\nimport { LinkedToken } from './LinkedToken';\nimport { type Monaco } from './types';\n\nexport function linkedTokenBuilder(\n monaco: Monaco,\n model: monacoTypes.editor.ITextModel,\n position: monacoTypes.IPosition,\n languageId = 'sql'\n) {\n let current: LinkedToken | null = null;\n let previous: LinkedToken | null = null;\n const tokensPerLine = monaco.editor.tokenize(model.getValue() ?? '', languageId);\n for (let lineIndex = 0; lineIndex < tokensPerLine.length; lineIndex++) {\n const tokens = tokensPerLine[lineIndex];\n // In case position is first column in new line, add empty whitespace token so that links are not broken\n if (!tokens.length && previous) {\n const token: monacoTypes.Token = {\n offset: 0,\n type: TokenType.Whitespace,\n language: languageId,\n _tokenBrand: undefined,\n };\n tokens.push(token);\n }\n\n for (let columnIndex = 0; columnIndex < tokens.length; columnIndex++) {\n const token = tokens[columnIndex];\n let endColumn =\n tokens.length > columnIndex + 1 ? tokens[columnIndex + 1].offset + 1 : model.getLineLength(lineIndex + 1) + 1;\n\n const range: monacoTypes.IRange = {\n startLineNumber: lineIndex + 1,\n startColumn: token.offset === 0 ? 0 : token.offset + 1,\n endLineNumber: lineIndex + 1,\n endColumn,\n };\n\n const value = model.getValueInRange(range);\n const sqlToken: LinkedToken = new LinkedToken(token.type, value, range, previous, null);\n\n if (monaco.Range.containsPosition(range, position)) {\n current = sqlToken;\n }\n\n if (previous) {\n previous.next = sqlToken;\n }\n previous = sqlToken;\n }\n }\n return current;\n}\n","import { type monacoTypes } from '@grafana/ui';\nimport { type SQLMonarchLanguage } from './types';\n\n// STD basic SQL\nexport const SELECT = 'select';\nexport const FROM = 'from';\nexport const WHERE = 'where';\nexport const GROUP = 'group';\nexport const ORDER = 'order';\nexport const BY = 'by';\nexport const DESC = 'desc';\nexport const ASC = 'asc';\nexport const LIMIT = 'limit';\nexport const WITH = 'with';\nexport const AS = 'as';\nexport const SCHEMA = 'schema';\n\nexport const AND = 'AND';\nexport const OR = 'OR';\nexport const LOGICAL_OPERATORS = [AND, OR];\n\nexport const EQUALS = '=';\nexport const NOT_EQUALS = '!=';\nexport const COMPARISON_OPERATORS = [EQUALS, NOT_EQUALS];\n\nexport const STD_OPERATORS = [...COMPARISON_OPERATORS];\n\nexport const conf: monacoTypes.languages.LanguageConfiguration = {\n comments: {\n lineComment: '--',\n blockComment: ['/*', '*/'],\n },\n brackets: [\n ['{', '}'],\n ['[', ']'],\n ['(', ')'],\n ],\n autoClosingPairs: [\n { open: '{', close: '}' },\n { open: '[', close: ']' },\n { open: '(', close: ')' },\n { open: '\"', close: '\"' },\n { open: \"'\", close: \"'\" },\n ],\n surroundingPairs: [\n { open: '{', close: '}' },\n { open: '[', close: ']' },\n { open: '(', close: ')' },\n { open: '\"', close: '\"' },\n { open: \"'\", close: \"'\" },\n ],\n};\n\n// based on https://github.com/microsoft/monaco-editor/blob/main/src/basic-languages/sql/sql.ts\nexport const language: SQLMonarchLanguage = {\n defaultToken: '',\n tokenPostfix: '.sql',\n ignoreCase: true,\n\n brackets: [\n { open: '[', close: ']', token: 'delimiter.square' },\n { open: '(', close: ')', token: 'delimiter.parenthesis' },\n ],\n\n keywords: [\n 'ABORT',\n 'ABSOLUTE',\n 'ACTION',\n 'ADA',\n 'ADD',\n 'AFTER',\n 'ALL',\n 'ALLOCATE',\n 'ALTER',\n 'ALWAYS',\n 'ANALYZE',\n 'AND',\n 'ANY',\n 'ARE',\n 'AS',\n 'ASC',\n 'ASSERTION',\n 'AT',\n 'ATTACH',\n 'AUTHORIZATION',\n 'AUTOINCREMENT',\n 'AVG',\n 'BACKUP',\n 'BEFORE',\n 'BEGIN',\n 'BETWEEN',\n 'BIT',\n 'BIT_LENGTH',\n 'BOTH',\n 'BREAK',\n 'BROWSE',\n 'BULK',\n 'BY',\n 'CASCADE',\n 'CASCADED',\n 'CASE',\n 'CAST',\n 'CATALOG',\n 'CHAR',\n 'CHARACTER',\n 'CHARACTER_LENGTH',\n 'CHAR_LENGTH',\n 'CHECK',\n 'CHECKPOINT',\n 'CLOSE',\n 'CLUSTERED',\n 'COALESCE',\n 'COLLATE',\n 'COLLATION',\n 'COLUMN',\n 'COMMIT',\n 'COMPUTE',\n 'CONFLICT',\n 'CONNECT',\n 'CONNECTION',\n 'CONSTRAINT',\n 'CONSTRAINTS',\n 'CONTAINS',\n 'CONTAINSTABLE',\n 'CONTINUE',\n 'CONVERT',\n 'CORRESPONDING',\n 'COUNT',\n 'CREATE',\n 'CROSS',\n 'CURRENT',\n 'CURRENT_DATE',\n 'CURRENT_TIME',\n 'CURRENT_TIMESTAMP',\n 'CURRENT_USER',\n 'CURSOR',\n 'DATABASE',\n 'DATE',\n 'DAY',\n 'DBCC',\n 'DEALLOCATE',\n 'DEC',\n 'DECIMAL',\n 'DECLARE',\n 'DEFAULT',\n 'DEFERRABLE',\n 'DEFERRED',\n 'DELETE',\n 'DENY',\n 'DESC',\n 'DESCRIBE',\n 'DESCRIPTOR',\n 'DETACH',\n 'DIAGNOSTICS',\n 'DISCONNECT',\n 'DISK',\n 'DISTINCT',\n 'DISTRIBUTED',\n 'DO',\n 'DOMAIN',\n 'DOUBLE',\n 'DROP',\n 'DUMP',\n 'EACH',\n 'ELSE',\n 'END',\n 'END-EXEC',\n 'ERRLVL',\n 'ESCAPE',\n 'EXCEPT',\n 'EXCEPTION',\n 'EXCLUDE',\n 'EXCLUSIVE',\n 'EXEC',\n 'EXECUTE',\n 'EXISTS',\n 'EXIT',\n 'EXPLAIN',\n 'EXTERNAL',\n 'EXTRACT',\n 'FAIL',\n 'FALSE',\n 'FETCH',\n 'FILE',\n 'FILLFACTOR',\n 'FILTER',\n 'FIRST',\n 'FLOAT',\n 'FOLLOWING',\n 'FOR',\n 'FOREIGN',\n 'FORTRAN',\n 'FOUND',\n 'FREETEXT',\n 'FREETEXTTABLE',\n 'FROM',\n 'FULL',\n 'FUNCTION',\n 'GENERATED',\n 'GET',\n 'GLOB',\n 'GLOBAL',\n 'GO',\n 'GOTO',\n 'GRANT',\n 'GROUP',\n 'GROUPS',\n 'HAVING',\n 'HOLDLOCK',\n 'HOUR',\n 'IDENTITY',\n 'IDENTITYCOL',\n 'IDENTITY_INSERT',\n 'IF',\n 'IGNORE',\n 'IMMEDIATE',\n 'IN',\n 'INCLUDE',\n 'INDEX',\n 'INDEXED',\n 'INDICATOR',\n 'INITIALLY',\n 'INNER',\n 'INPUT',\n 'INSENSITIVE',\n 'INSERT',\n 'INSTEAD',\n 'INT',\n 'INTEGER',\n 'INTERSECT',\n 'INTERVAL',\n 'INTO',\n 'IS',\n 'ISNULL',\n 'ISOLATION',\n 'JOIN',\n 'KEY',\n 'KILL',\n 'LANGUAGE',\n 'LAST',\n 'LEADING',\n 'LEFT',\n 'LEVEL',\n 'LIKE',\n 'LIMIT',\n 'LINENO',\n 'LOAD',\n 'LOCAL',\n 'LOWER',\n 'MATCH',\n 'MATERIALIZED',\n 'MAX',\n 'MERGE',\n 'MIN',\n 'MINUTE',\n 'MODULE',\n 'MONTH',\n 'NAMES',\n 'NATIONAL',\n 'NATURAL',\n 'NCHAR',\n 'NEXT',\n 'NO',\n 'NOCHECK',\n 'NONCLUSTERED',\n 'NONE',\n 'NOT',\n 'NOTHING',\n 'NOTNULL',\n 'NULL',\n 'NULLIF',\n 'NULLS',\n 'NUMERIC',\n 'OCTET_LENGTH',\n 'OF',\n 'OFF',\n 'OFFSET',\n 'OFFSETS',\n 'ON',\n 'ONLY',\n 'OPEN',\n 'OPENDATASOURCE',\n 'OPENQUERY',\n 'OPENROWSET',\n 'OPENXML',\n 'OPTION',\n 'OR',\n 'ORDER',\n 'OTHERS',\n 'OUTER',\n 'OUTPUT',\n 'OVER',\n 'OVERLAPS',\n 'PAD',\n 'PARTIAL',\n 'PARTITION',\n 'PASCAL',\n 'PERCENT',\n 'PIVOT',\n 'PLAN',\n 'POSITION',\n 'PRAGMA',\n 'PRECEDING',\n 'PRECISION',\n 'PREPARE',\n 'PRESERVE',\n 'PRIMARY',\n 'PRINT',\n 'PRIOR',\n 'PRIVILEGES',\n 'PROC',\n 'PROCEDURE',\n 'PUBLIC',\n 'QUERY',\n 'RAISE',\n 'RAISERROR',\n 'RANGE',\n 'READ',\n 'READTEXT',\n 'REAL',\n 'RECONFIGURE',\n 'RECURSIVE',\n 'REFERENCES',\n 'REGEXP',\n 'REINDEX',\n 'RELATIVE',\n 'RELEASE',\n 'RENAME',\n 'REPLACE',\n 'REPLICATION',\n 'RESTORE',\n 'RESTRICT',\n 'RETURN',\n 'RETURNING',\n 'REVERT',\n 'REVOKE',\n 'RIGHT',\n 'ROLLBACK',\n 'ROW',\n 'ROWCOUNT',\n 'ROWGUIDCOL',\n 'ROWS',\n 'RULE',\n 'SAVE',\n 'SAVEPOINT',\n 'SCHEMA',\n 'SCROLL',\n 'SECOND',\n 'SECTION',\n 'SECURITYAUDIT',\n 'SELECT',\n 'SEMANTICKEYPHRASETABLE',\n 'SEMANTICSIMILARITYDETAILSTABLE',\n 'SEMANTICSIMILARITYTABLE',\n 'SESSION',\n 'SESSION_USER',\n 'SET',\n 'SETUSER',\n 'SHUTDOWN',\n 'SIZE',\n 'SMALLINT',\n 'SOME',\n 'SPACE',\n 'SQL',\n 'SQLCA',\n 'SQLCODE',\n 'SQLERROR',\n 'SQLSTATE',\n 'SQLWARNING',\n 'STATISTICS',\n 'SUBSTRING',\n 'SUM',\n 'SYSTEM_USER',\n 'TABLE',\n 'TABLESAMPLE',\n 'TEMP',\n 'TEMPORARY',\n 'TEXTSIZE',\n 'THEN',\n 'TIES',\n 'TIME',\n 'TIMESTAMP',\n 'TIMEZONE_HOUR',\n 'TIMEZONE_MINUTE',\n 'TO',\n 'TOP',\n 'TRAILING',\n 'TRAN',\n 'TRANSACTION',\n 'TRANSLATE',\n 'TRANSLATION',\n 'TRIGGER',\n 'TRIM',\n 'TRUE',\n 'TRUNCATE',\n 'TRY_CONVERT',\n 'TSEQUAL',\n 'UNBOUNDED',\n 'UNION',\n 'UNIQUE',\n 'UNKNOWN',\n 'UNPIVOT',\n 'UPDATE',\n 'UPDATETEXT',\n 'UPPER',\n 'USAGE',\n 'USE',\n 'USER',\n 'USING',\n 'VACUUM',\n 'VALUE',\n 'VALUES',\n 'VARCHAR',\n 'VARYING',\n 'VIEW',\n 'VIRTUAL',\n 'WAITFOR',\n 'WHEN',\n 'WHENEVER',\n 'WHERE',\n 'WHILE',\n 'WINDOW',\n 'WITH',\n 'WITHIN GROUP',\n 'WITHOUT',\n 'WORK',\n 'WRITE',\n 'WRITETEXT',\n 'YEAR',\n 'ZONE',\n ],\n operators: [\n // Set\n 'EXCEPT',\n 'INTERSECT',\n 'UNION',\n // Join\n 'APPLY',\n 'CROSS',\n 'FULL',\n 'INNER',\n 'JOIN',\n 'LEFT',\n 'OUTER',\n 'RIGHT',\n // Predicates\n 'CONTAINS',\n 'FREETEXT',\n 'IS',\n 'NULL',\n // Pivoting\n 'PIVOT',\n 'UNPIVOT',\n // Merging\n 'MATCHED',\n ],\n logicalOperators: ['ALL', 'AND', 'ANY', 'BETWEEN', 'EXISTS', 'IN', 'LIKE', 'NOT', 'OR', 'SOME'],\n comparisonOperators: ['<>', '>', '<', '>=', '<=', '=', '!=', '&', '~', '^', '%'],\n\n builtinFunctions: [\n // Aggregate\n 'AVG',\n 'CHECKSUM_AGG',\n 'COUNT',\n 'COUNT_BIG',\n 'GROUPING',\n 'GROUPING_ID',\n 'MAX',\n 'MIN',\n 'SUM',\n 'STDEV',\n 'STDEVP',\n 'VAR',\n 'VARP',\n // Analytic\n 'CUME_DIST',\n 'FIRST_VALUE',\n 'LAG',\n 'LAST_VALUE',\n 'LEAD',\n 'PERCENTILE_CONT',\n 'PERCENTILE_DISC',\n 'PERCENT_RANK',\n // Collation\n 'COLLATE',\n 'COLLATIONPROPERTY',\n 'TERTIARY_WEIGHTS',\n // Azure\n 'FEDERATION_FILTERING_VALUE',\n // Conversion\n 'CAST',\n 'CONVERT',\n 'PARSE',\n 'TRY_CAST',\n 'TRY_CONVERT',\n 'TRY_PARSE',\n // Cryptographic\n 'ASYMKEY_ID',\n 'ASYMKEYPROPERTY',\n 'CERTPROPERTY',\n 'CERT_ID',\n 'CRYPT_GEN_RANDOM',\n 'DECRYPTBYASYMKEY',\n 'DECRYPTBYCERT',\n 'DECRYPTBYKEY',\n 'DECRYPTBYKEYAUTOASYMKEY',\n 'DECRYPTBYKEYAUTOCERT',\n 'DECRYPTBYPASSPHRASE',\n 'ENCRYPTBYASYMKEY',\n 'ENCRYPTBYCERT',\n 'ENCRYPTBYKEY',\n 'ENCRYPTBYPASSPHRASE',\n 'HASHBYTES',\n 'IS_OBJECTSIGNED',\n 'KEY_GUID',\n 'KEY_ID',\n 'KEY_NAME',\n 'SIGNBYASYMKEY',\n 'SIGNBYCERT',\n 'SYMKEYPROPERTY',\n 'VERIFYSIGNEDBYCERT',\n 'VERIFYSIGNEDBYASYMKEY',\n // Cursor\n 'CURSOR_STATUS',\n // Datatype\n 'DATALENGTH',\n 'IDENT_CURRENT',\n 'IDENT_INCR',\n 'IDENT_SEED',\n 'IDENTITY',\n 'SQL_VARIANT_PROPERTY',\n // Datetime\n 'CURRENT_TIMESTAMP',\n 'DATEADD',\n 'DATEDIFF',\n 'DATEFROMPARTS',\n 'DATENAME',\n 'DATEPART',\n 'DATETIME2FROMPARTS',\n 'DATETIMEFROMPARTS',\n 'DATETIMEOFFSETFROMPARTS',\n 'DAY',\n 'EOMONTH',\n 'GETDATE',\n 'GETUTCDATE',\n 'ISDATE',\n 'MONTH',\n 'SMALLDATETIMEFROMPARTS',\n 'SWITCHOFFSET',\n 'SYSDATETIME',\n 'SYSDATETIMEOFFSET',\n 'SYSUTCDATETIME',\n 'TIMEFROMPARTS',\n 'TODATETIMEOFFSET',\n 'YEAR',\n // Logical\n 'CHOOSE',\n 'COALESCE',\n 'IIF',\n 'NULLIF',\n // Mathematical\n 'ABS',\n 'ACOS',\n 'ASIN',\n 'ATAN',\n 'ATN2',\n 'CEILING',\n 'COS',\n 'COT',\n 'DEGREES',\n 'EXP',\n 'FLOOR',\n 'LOG',\n 'LOG10',\n 'PI',\n 'POWER',\n 'RADIANS',\n 'RAND',\n 'ROUND',\n 'SIGN',\n 'SIN',\n 'SQRT',\n 'SQUARE',\n 'TAN',\n // Metadata\n 'APP_NAME',\n 'APPLOCK_MODE',\n 'APPLOCK_TEST',\n 'ASSEMBLYPROPERTY',\n 'COL_LENGTH',\n 'COL_NAME',\n 'COLUMNPROPERTY',\n 'DATABASE_PRINCIPAL_ID',\n 'DATABASEPROPERTYEX',\n 'DB_ID',\n 'DB_NAME',\n 'FILE_ID',\n 'FILE_IDEX',\n 'FILE_NAME',\n 'FILEGROUP_ID',\n 'FILEGROUP_NAME',\n 'FILEGROUPPROPERTY',\n 'FILEPROPERTY',\n 'FULLTEXTCATALOGPROPERTY',\n 'FULLTEXTSERVICEPROPERTY',\n 'INDEX_COL',\n 'INDEXKEY_PROPERTY',\n 'INDEXPROPERTY',\n 'OBJECT_DEFINITION',\n 'OBJECT_ID',\n 'OBJECT_NAME',\n 'OBJECT_SCHEMA_NAME',\n 'OBJECTPROPERTY',\n 'OBJECTPROPERTYEX',\n 'ORIGINAL_DB_NAME',\n 'PARSENAME',\n 'SCHEMA_ID',\n 'SCHEMA_NAME',\n 'SCOPE_IDENTITY',\n 'SERVERPROPERTY',\n 'STATS_DATE',\n 'TYPE_ID',\n 'TYPE_NAME',\n 'TYPEPROPERTY',\n // Ranking\n 'DENSE_RANK',\n 'NTILE',\n 'RANK',\n 'ROW_NUMBER',\n // Replication\n 'PUBLISHINGSERVERNAME',\n // Rowset\n 'OPENDATASOURCE',\n 'OPENQUERY',\n 'OPENROWSET',\n 'OPENXML',\n // Security\n 'CERTENCODED',\n 'CERTPRIVATEKEY',\n 'CURRENT_USER',\n 'HAS_DBACCESS',\n 'HAS_PERMS_BY_NAME',\n 'IS_MEMBER',\n 'IS_ROLEMEMBER',\n 'IS_SRVROLEMEMBER',\n 'LOGINPROPERTY',\n 'ORIGINAL_LOGIN',\n 'PERMISSIONS',\n 'PWDENCRYPT',\n 'PWDCOMPARE',\n 'SESSION_USER',\n 'SESSIONPROPERTY',\n 'SUSER_ID',\n 'SUSER_NAME',\n 'SUSER_SID',\n 'SUSER_SNAME',\n 'SYSTEM_USER',\n 'USER',\n 'USER_ID',\n 'USER_NAME',\n // String\n 'ASCII',\n 'CHAR',\n 'CHARINDEX',\n 'CONCAT',\n 'DIFFERENCE',\n 'FORMAT',\n 'LEFT',\n 'LEN',\n 'LOWER',\n 'LTRIM',\n 'NCHAR',\n 'PATINDEX',\n 'QUOTENAME',\n 'REPLACE',\n 'REPLICATE',\n 'REVERSE',\n 'RIGHT',\n 'RTRIM',\n 'SOUNDEX',\n 'SPACE',\n 'STR',\n 'STUFF',\n 'SUBSTRING',\n 'UNICODE',\n 'UPPER',\n // System\n 'BINARY_CHECKSUM',\n 'CHECKSUM',\n 'CONNECTIONPROPERTY',\n 'CONTEXT_INFO',\n 'CURRENT_REQUEST_ID',\n 'ERROR_LINE',\n 'ERROR_NUMBER',\n 'ERROR_MESSAGE',\n 'ERROR_PROCEDURE',\n 'ERROR_SEVERITY',\n 'ERROR_STATE',\n 'FORMATMESSAGE',\n 'GETANSINULL',\n 'GET_FILESTREAM_TRANSACTION_CONTEXT',\n 'HOST_ID',\n 'HOST_NAME',\n 'ISNULL',\n 'ISNUMERIC',\n 'MIN_ACTIVE_ROWVERSION',\n 'NEWID',\n 'NEWSEQUENTIALID',\n 'ROWCOUNT_BIG',\n 'XACT_STATE',\n // TextImage\n 'TEXTPTR',\n 'TEXTVALID',\n // Trigger\n 'COLUMNS_UPDATED',\n 'EVENTDATA',\n 'TRIGGER_NESTLEVEL',\n 'UPDATE',\n // ChangeTracking\n 'CHANGETABLE',\n 'CHANGE_TRACKING_CONTEXT',\n 'CHANGE_TRACKING_CURRENT_VERSION',\n 'CHANGE_TRACKING_IS_COLUMN_IN_MASK',\n 'CHANGE_TRACKING_MIN_VALID_VERSION',\n // FullTextSearch\n 'CONTAINSTABLE',\n 'FREETEXTTABLE',\n // SemanticTextSearch\n 'SEMANTICKEYPHRASETABLE',\n 'SEMANTICSIMILARITYDETAILSTABLE',\n 'SEMANTICSIMILARITYTABLE',\n // FileStream\n 'FILETABLEROOTPATH',\n 'GETFILENAMESPACEPATH',\n 'GETPATHLOCATOR',\n 'PATHNAME',\n // ServiceBroker\n 'GET_TRANSMISSION_STATUS',\n ],\n builtinVariables: [\n // Configuration\n '@@DATEFIRST',\n '@@DBTS',\n '@@LANGID',\n '@@LANGUAGE',\n '@@LOCK_TIMEOUT',\n '@@MAX_CONNECTIONS',\n '@@MAX_PRECISION',\n '@@NESTLEVEL',\n '@@OPTIONS',\n '@@REMSERVER',\n '@@SERVERNAME',\n '@@SERVICENAME',\n '@@SPID',\n '@@TEXTSIZE',\n '@@VERSION',\n // Cursor\n '@@CURSOR_ROWS',\n '@@FETCH_STATUS',\n // Datetime\n '@@DATEFIRST',\n // Metadata\n '@@PROCID',\n // System\n '@@ERROR',\n '@@IDENTITY',\n '@@ROWCOUNT',\n '@@TRANCOUNT',\n // Stats\n '@@CONNECTIONS',\n '@@CPU_BUSY',\n '@@IDLE',\n '@@IO_BUSY',\n '@@PACKET_ERRORS',\n '@@PACK_RECEIVED',\n '@@PACK_SENT',\n '@@TIMETICKS',\n '@@TOTAL_ERRORS',\n '@@TOTAL_READ',\n '@@TOTAL_WRITE',\n ],\n pseudoColumns: ['$ACTION', '$IDENTITY', '$ROWGUID', '$PARTITION'],\n tokenizer: {\n root: [\n { include: '@templateVariables' },\n { include: '@macros' },\n { include: '@comments' },\n { include: '@whitespace' },\n { include: '@pseudoColumns' },\n { include: '@numbers' },\n { include: '@strings' },\n { include: '@complexIdentifiers' },\n { include: '@scopes' },\n { include: '@schemaTable' },\n [/[;,.]/, 'delimiter'],\n [/[()]/, '@brackets'],\n [\n /[\\w@#$|<|>|=|!|%|&|+|\\|-|*|/|~|^]+/,\n {\n cases: {\n '@operators': 'operator',\n '@comparisonOperators': 'operator',\n '@logicalOperators': 'operator',\n '@builtinVariables': 'predefined',\n '@builtinFunctions': 'predefined',\n '@keywords': 'keyword',\n '@default': 'identifier',\n },\n },\n ],\n ],\n templateVariables: [[/\\$[a-zA-Z0-9]+/, 'variable']],\n macros: [[/\\$__[a-zA-Z0-9-_]+/, 'type']],\n schemaTable: [\n [/(\\w+)\\./, 'identifier'],\n [/(\\w+\\.\\w+)/, 'identifier'],\n ],\n whitespace: [[/\\s+/, 'white']],\n comments: [\n [/--+.*/, 'comment'],\n [/\\/\\*/, { token: 'comment.quote', next: '@comment' }],\n ],\n comment: [\n [/[^*/]+/, 'comment'],\n // Not supporting nested comments, as nested comments seem to not be standard?\n // i.e. http://stackoverflow.com/questions/728172/are-there-multiline-comment-delimiters-in-sql-that-are-vendor-agnostic\n // [/\\/\\*/, { token: 'comment.quote', next: '@push' }], // nested comment not allowed :-(\n [/\\*\\//, { token: 'comment.quote', next: '@pop' }],\n [/./, 'comment'],\n ],\n pseudoColumns: [\n [\n /[$][A-Za-z_][\\w@#$]*/,\n {\n cases: {\n '@pseudoColumns': 'predefined',\n '@default': 'identifier',\n },\n },\n ],\n ],\n numbers: [\n [/0[xX][0-9a-fA-F]*/, 'number'],\n [/[$][+-]*\\d*(\\.\\d*)?/, 'number'],\n [/((\\d+(\\.\\d*)?)|(\\.\\d+))([eE][\\-+]?\\d+)?/, 'number'],\n ],\n strings: [\n [/N'/, { token: 'string', next: '@string' }],\n [/'/, { token: 'string', next: '@string' }],\n ],\n string: [\n [/[^']+/, 'string'],\n [/''/, 'string'],\n [/'/, { token: 'string', next: '@pop' }],\n ],\n complexIdentifiers: [\n [/\\[/, { token: 'identifier.quote', next: '@bracketedIdentifier' }],\n [/\"/, { token: 'identifier.quote', next: '@quotedIdentifier' }],\n ],\n bracketedIdentifier: [\n [/[^\\]]+/, 'identifier'],\n [/]]/, 'identifier'],\n [/]/, { token: 'identifier.quote', next: '@pop' }],\n ],\n quotedIdentifier: [\n [/[^\"]+/, 'identifier'],\n [/\"\"/, 'identifier'],\n [/\"/, { token: 'identifier.quote', next: '@pop' }],\n ],\n scopes: [\n [/BEGIN\\s+(DISTRIBUTED\\s+)?TRAN(SACTION)?\\b/i, 'keyword'],\n [/BEGIN\\s+TRY\\b/i, { token: 'keyword.try' }],\n [/END\\s+TRY\\b/i, { token: 'keyword.try' }],\n [/BEGIN\\s+CATCH\\b/i, { token: 'keyword.catch' }],\n [/END\\s+CATCH\\b/i, { token: 'keyword.catch' }],\n [/(BEGIN|CASE)\\b/i, { token: 'keyword.block' }],\n [/END\\b/i, { token: 'keyword.block' }],\n [/WHEN\\b/i, { token: 'keyword.choice' }],\n [/THEN\\b/i, { token: 'keyword.choice' }],\n ],\n },\n};\n","import { FROM, SCHEMA, SELECT } from '../standardSql/language';\nimport { TokenType } from '../types';\nimport { type LinkedToken } from './LinkedToken';\n\nexport const getSelectToken = (currentToken: LinkedToken | null) =>\n currentToken?.getPreviousOfType(TokenType.Keyword, SELECT) ?? null;\n\nexport const getSelectStatisticToken = (currentToken: LinkedToken | null) => {\n const assumedStatisticToken = getSelectToken(currentToken)?.getNextNonWhiteSpaceToken();\n return assumedStatisticToken?.isVariable() || assumedStatisticToken?.isFunction() ? assumedStatisticToken : null;\n};\n\nexport const getMetricNameToken = (currentToken: LinkedToken | null) => {\n // statistic function is followed by `(` and then an argument\n const assumedMetricNameToken = getSelectStatisticToken(currentToken)?.next?.next;\n return assumedMetricNameToken?.isVariable() || assumedMetricNameToken?.isIdentifier() ? assumedMetricNameToken : null;\n};\n\nexport const getFromKeywordToken = (currentToken: LinkedToken | null) => {\n const selectToken = getSelectToken(currentToken);\n return selectToken?.getNextOfType(TokenType.Keyword, FROM);\n};\n\nexport const getNamespaceToken = (currentToken: LinkedToken | null) => {\n const fromToken = getFromKeywordToken(currentToken);\n const nextNonWhiteSpace = fromToken?.getNextNonWhiteSpaceToken();\n\n if (\n nextNonWhiteSpace?.isDoubleQuotedString() ||\n (nextNonWhiteSpace?.isVariable() && nextNonWhiteSpace?.value.toUpperCase() !== SCHEMA)\n ) {\n // schema is not used\n return nextNonWhiteSpace;\n } else if (nextNonWhiteSpace?.isKeyword() && nextNonWhiteSpace.next?.is(TokenType.Parenthesis, '(')) {\n // schema is specified\n const assumedNamespaceToken = nextNonWhiteSpace.next?.next;\n if (assumedNamespaceToken?.isDoubleQuotedString() || assumedNamespaceToken?.isVariable()) {\n return assumedNamespaceToken;\n }\n }\n return null;\n};\nexport const getTableToken = (currentToken: LinkedToken | null) => {\n const fromToken = getFromKeywordToken(currentToken);\n const nextNonWhiteSpace = fromToken?.getNextNonWhiteSpaceToken();\n if (nextNonWhiteSpace?.isVariable()) {\n // TODO: resolve column from variable?\n return null;\n } else if (nextNonWhiteSpace?.isKeyword() && nextNonWhiteSpace.next?.is(TokenType.Parenthesis, '(')) {\n return null;\n } else {\n return nextNonWhiteSpace;\n }\n};\n\nexport const defaultTableNameParser = (token: LinkedToken | null | undefined) => {\n const parts = token?.value.split('.');\n\n if (parts?.length === 1) {\n return { table: parts[0] };\n } else if (parts?.length === 2) {\n return { schema: parts[0], table: parts[1] };\n } else if (parts?.length === 3) {\n return { catalog: parts[0], schema: parts[1], table: parts[2] };\n }\n\n return null;\n};\n","export const TRIGGER_SUGGEST = {\n id: 'editor.action.triggerSuggest',\n title: '',\n};\n","import { type Registry } from '@grafana/data';\nimport { getTemplateSrv } from '@grafana/runtime';\nimport { TRIGGER_SUGGEST } from '../utils/commands';\nimport {\n CompletionItemInsertTextRule,\n CompletionItemKind,\n CompletionItemPriority,\n MacroType,\n OperatorType,\n SuggestionKind,\n} from '../types';\nimport { ASC, DESC } from './language';\nimport {\n type FunctionsRegistryItem,\n type MacrosRegistryItem,\n type OperatorsRegistryItem,\n type SuggestionsRegistryItem,\n} from './types';\n\n/**\n * This registry glues particular SuggestionKind with an async function that provides completion items for it.\n * To add a new suggestion kind, SQLEditor should be configured with a provider that implements customSuggestionKinds.\n */\n\nexport const initStandardSuggestions =\n (\n functions: Registry,\n operators: Registry,\n macros: Registry\n ) =>\n (): SuggestionsRegistryItem[] => [\n {\n id: SuggestionKind.SelectKeyword,\n name: SuggestionKind.SelectKeyword,\n suggestions: (_, m) =>\n Promise.resolve([\n {\n label: `SELECT `,\n insertText: `SELECT $0`,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n kind: CompletionItemKind.Snippet,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Medium,\n },\n {\n label: `SELECT FROM `,\n insertText: `SELECT $2 FROM $1`,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n kind: CompletionItemKind.Snippet,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Medium,\n },\n ]),\n },\n {\n id: SuggestionKind.TemplateVariables,\n name: SuggestionKind.TemplateVariables,\n suggestions: (_, m) => {\n const templateSrv = getTemplateSrv();\n if (!templateSrv) {\n return Promise.resolve([]);\n }\n\n return Promise.resolve(\n templateSrv.getVariables().map((variable) => {\n const label = `\\$${variable.name}`;\n const val = templateSrv.replace(label);\n return {\n label,\n detail: `(Template Variable) ${val}`,\n kind: CompletionItemKind.Snippet,\n documentation: `(Template Variable) ${val}`,\n insertText: `\\\\$${variable.name} `,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Low,\n };\n })\n );\n },\n },\n {\n id: SuggestionKind.SelectMacro,\n name: SuggestionKind.SelectMacro,\n suggestions: (_, m) =>\n Promise.resolve([\n ...macros\n .list()\n .filter((m) => m.type === MacroType.Value || m.type === MacroType.Column)\n .map(createMacroSuggestionItem),\n ]),\n },\n {\n id: SuggestionKind.TableMacro,\n name: SuggestionKind.TableMacro,\n suggestions: (_, m) =>\n Promise.resolve([\n ...macros\n .list()\n .filter((m) => m.type === MacroType.Table)\n .map(createMacroSuggestionItem),\n ]),\n },\n {\n id: SuggestionKind.GroupMacro,\n name: SuggestionKind.GroupMacro,\n suggestions: (_, m) =>\n Promise.resolve([\n ...macros\n .list()\n .filter((m) => m.type === MacroType.Group)\n .map(createMacroSuggestionItem),\n ]),\n },\n {\n id: SuggestionKind.FilterMacro,\n name: SuggestionKind.FilterMacro,\n suggestions: (_, m) =>\n Promise.resolve([\n ...macros\n .list()\n .filter((m) => m.type === MacroType.Filter)\n .map(createMacroSuggestionItem),\n ]),\n },\n {\n id: SuggestionKind.WithKeyword,\n name: SuggestionKind.WithKeyword,\n suggestions: (_, m) =>\n Promise.resolve([\n {\n label: `WITH AS ( ... )`,\n insertText: `WITH $1 AS ( $2 )`,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n kind: CompletionItemKind.Snippet,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Medium,\n },\n ]),\n },\n {\n id: SuggestionKind.StarWildCard,\n name: SuggestionKind.StarWildCard,\n suggestions: (_, m) =>\n Promise.resolve([\n {\n label: '*',\n insertText: `* $0`,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n kind: CompletionItemKind.Field,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.High,\n },\n ]),\n },\n {\n id: SuggestionKind.FunctionsWithArguments,\n name: SuggestionKind.FunctionsWithArguments,\n suggestions: (_, m) =>\n Promise.resolve([\n ...functions.list().map((f) => ({\n label: f.name,\n insertText: `${f.name}($0)`,\n documentation: f.description,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n kind: CompletionItemKind.Function,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumLow,\n })),\n ]),\n },\n {\n id: SuggestionKind.FunctionsWithoutArguments,\n name: SuggestionKind.FunctionsWithoutArguments,\n suggestions: (_, m) =>\n Promise.resolve([\n ...functions.list().map((f) => ({\n label: f.name,\n insertText: `${f.name}()`,\n documentation: f.description,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n kind: CompletionItemKind.Function,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumHigh,\n })),\n ]),\n },\n {\n id: SuggestionKind.FromKeyword,\n name: SuggestionKind.FromKeyword,\n suggestions: (_, m) =>\n Promise.resolve([\n {\n label: 'FROM',\n insertText: `FROM $0`,\n command: TRIGGER_SUGGEST,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n kind: CompletionItemKind.Keyword,\n },\n ]),\n },\n {\n id: SuggestionKind.Schemas,\n name: SuggestionKind.Schemas,\n suggestions: (_, m) => Promise.resolve([]),\n },\n {\n id: SuggestionKind.Tables,\n name: SuggestionKind.Tables,\n suggestions: (_, m) => Promise.resolve([]),\n },\n {\n id: SuggestionKind.Columns,\n name: SuggestionKind.Columns,\n suggestions: (_, m) => Promise.resolve([]),\n },\n {\n id: SuggestionKind.LogicalOperators,\n name: SuggestionKind.LogicalOperators,\n suggestions: (_, m) =>\n Promise.resolve(\n operators\n .list()\n .filter((o) => o.type === OperatorType.Logical)\n .map((o) => ({\n label: o.operator,\n insertText: `${o.operator} `,\n documentation: o.description,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumHigh,\n kind: CompletionItemKind.Operator,\n }))\n ),\n },\n {\n id: SuggestionKind.WhereKeyword,\n name: SuggestionKind.WhereKeyword,\n suggestions: (_, m) =>\n Promise.resolve([\n {\n label: 'WHERE',\n insertText: `WHERE `,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumHigh,\n kind: CompletionItemKind.Keyword,\n },\n ]),\n },\n {\n id: SuggestionKind.ComparisonOperators,\n name: SuggestionKind.ComparisonOperators,\n suggestions: (_, m) =>\n Promise.resolve([\n ...operators\n .list()\n .filter((o) => o.type === OperatorType.Comparison)\n .map((o) => ({\n label: o.operator,\n insertText: `${o.operator} `,\n documentation: o.description,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumHigh,\n kind: CompletionItemKind.Operator,\n })),\n {\n label: 'IN (...)',\n insertText: `IN ( $0 )`,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Medium,\n kind: CompletionItemKind.Operator,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n },\n {\n label: 'NOT IN (...)',\n insertText: `NOT IN ( $0 )`,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Medium,\n kind: CompletionItemKind.Operator,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n },\n {\n label: 'IS',\n insertText: `IS`,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Medium,\n kind: CompletionItemKind.Operator,\n },\n {\n label: 'IS NOT',\n insertText: `IS NOT`,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Medium,\n kind: CompletionItemKind.Operator,\n },\n ]),\n },\n {\n id: SuggestionKind.GroupByKeywords,\n name: SuggestionKind.GroupByKeywords,\n suggestions: (_, m) =>\n Promise.resolve([\n {\n label: 'GROUP BY',\n insertText: `GROUP BY `,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumHigh,\n kind: CompletionItemKind.Keyword,\n },\n ]),\n },\n {\n id: SuggestionKind.OrderByKeywords,\n name: SuggestionKind.OrderByKeywords,\n suggestions: (_, m) =>\n Promise.resolve([\n {\n label: 'ORDER BY',\n insertText: `ORDER BY `,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.Medium,\n kind: CompletionItemKind.Keyword,\n },\n {\n label: 'ORDER BY(ascending)',\n insertText: `ORDER BY $1 ASC `,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumLow,\n kind: CompletionItemKind.Snippet,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n },\n {\n label: 'ORDER BY(descending)',\n insertText: `ORDER BY $1 DESC`,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumLow,\n kind: CompletionItemKind.Snippet,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n },\n ]),\n },\n {\n id: SuggestionKind.LimitKeyword,\n name: SuggestionKind.LimitKeyword,\n suggestions: (_, m) =>\n Promise.resolve([\n {\n label: 'LIMIT',\n insertText: `LIMIT `,\n command: TRIGGER_SUGGEST,\n sortText: CompletionItemPriority.MediumLow,\n kind: CompletionItemKind.Keyword,\n },\n ]),\n },\n {\n id: SuggestionKind.SortOrderDirectionKeyword,\n name: SuggestionKind.SortOrderDirectionKeyword,\n suggestions: (_, m) =>\n Promise.resolve(\n [ASC, DESC].map((o) => ({\n label: o,\n insertText: `${o} `,\n command: TRIGGER_SUGGEST,\n kind: CompletionItemKind.Keyword,\n }))\n ),\n },\n {\n id: SuggestionKind.NotKeyword,\n name: SuggestionKind.NotKeyword,\n suggestions: () =>\n Promise.resolve([\n {\n label: 'NOT',\n insertText: 'NOT',\n command: TRIGGER_SUGGEST,\n kind: CompletionItemKind.Keyword,\n sortText: CompletionItemPriority.High,\n },\n ]),\n },\n {\n id: SuggestionKind.BoolValues,\n name: SuggestionKind.BoolValues,\n suggestions: () =>\n Promise.resolve(\n ['TRUE', 'FALSE'].map((o) => ({\n label: o,\n insertText: `${o}`,\n command: TRIGGER_SUGGEST,\n kind: CompletionItemKind.Keyword,\n sortText: CompletionItemPriority.Medium,\n }))\n ),\n },\n {\n id: SuggestionKind.NullValue,\n name: SuggestionKind.NullValue,\n suggestions: () =>\n Promise.resolve(\n ['NULL'].map((o) => ({\n label: o,\n insertText: `${o}`,\n command: TRIGGER_SUGGEST,\n kind: CompletionItemKind.Keyword,\n sortText: CompletionItemPriority.Low,\n }))\n ),\n },\n ];\n\nfunction createMacroSuggestionItem(m: MacrosRegistryItem) {\n return {\n label: m.name,\n insertText: `${'\\\\' + m.text}${argsString(m.args)} `,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n kind: CompletionItemKind.Snippet,\n documentation: m.description,\n command: TRIGGER_SUGGEST,\n };\n}\n\nfunction argsString(args?: string[]): string {\n if (!args) {\n return '()';\n }\n return '('.concat(args.map((t, i) => `\\${${i}:${t}}`).join(', ')).concat(')');\n}\n","import { StatementPosition, TokenType } from '../types';\nimport { AND, AS, ASC, BY, DESC, FROM, GROUP, ORDER, SELECT, WHERE, WITH } from './language';\nimport { type StatementPositionResolversRegistryItem } from './types';\n\nexport function initStatementPositionResolvers(): StatementPositionResolversRegistryItem[] {\n return [\n {\n id: StatementPosition.SelectKeyword,\n name: StatementPosition.SelectKeyword,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n currentToken === null ||\n (currentToken.isWhiteSpace() && currentToken.previous === null) ||\n currentToken.is(TokenType.Keyword, SELECT) ||\n (currentToken.is(TokenType.Keyword, SELECT) && currentToken.previous === null) ||\n previousIsSlash ||\n (currentToken.isIdentifier() && (previousIsSlash || currentToken?.previous === null)) ||\n (currentToken.isIdentifier() && SELECT.startsWith(currentToken.value.toLowerCase()))\n ),\n },\n {\n id: StatementPosition.WithKeyword,\n name: StatementPosition.WithKeyword,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n currentToken === null ||\n (currentToken.isWhiteSpace() && currentToken.previous === null) ||\n (currentToken.is(TokenType.Keyword, WITH) && currentToken.previous === null) ||\n (currentToken.isIdentifier() && WITH.toLowerCase().startsWith(currentToken.value.toLowerCase()))\n ),\n },\n {\n id: StatementPosition.AfterSelectKeyword,\n name: StatementPosition.AfterSelectKeyword,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(previousNonWhiteSpace?.value.toLowerCase() === SELECT),\n },\n {\n id: StatementPosition.AfterSelectArguments,\n name: StatementPosition.AfterSelectArguments,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n return Boolean(previousKeyword?.value.toLowerCase() === SELECT && previousNonWhiteSpace?.value === ',');\n },\n },\n {\n id: StatementPosition.AfterSelectFuncFirstArgument,\n name: StatementPosition.AfterSelectFuncFirstArgument,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n return Boolean(\n (previousKeyword?.value.toLowerCase() === SELECT || previousKeyword?.value.toLowerCase() === AS) &&\n (previousNonWhiteSpace?.is(TokenType.Parenthesis, '(') || currentToken?.is(TokenType.Parenthesis, '()'))\n );\n },\n },\n {\n id: StatementPosition.AfterWhereFunctionArgument,\n name: StatementPosition.AfterWhereFunctionArgument,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n return Boolean(\n previousKeyword?.is(TokenType.Keyword, WHERE) &&\n (previousNonWhiteSpace?.is(TokenType.Parenthesis, '(') || currentToken?.is(TokenType.Parenthesis, '()'))\n );\n },\n },\n {\n id: StatementPosition.AfterGroupBy,\n name: StatementPosition.AfterGroupBy,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n previousKeyword?.is(TokenType.Keyword, BY) &&\n previousKeyword?.getPreviousKeyword()?.is(TokenType.Keyword, GROUP) &&\n (previousNonWhiteSpace?.isIdentifier() ||\n previousNonWhiteSpace?.isDoubleQuotedString() ||\n previousNonWhiteSpace?.is(TokenType.Parenthesis, ')') ||\n previousNonWhiteSpace?.is(TokenType.Parenthesis, '()'))\n ),\n },\n {\n id: StatementPosition.SelectAlias,\n name: StatementPosition.SelectAlias,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n if (previousNonWhiteSpace?.value === ',' && previousKeyword?.value.toLowerCase() === AS) {\n return true;\n }\n\n return false;\n },\n },\n\n {\n id: StatementPosition.FromKeyword,\n name: StatementPosition.FromKeyword,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n // cloudwatch specific commented out\n // Boolean(previousKeyword?.value === SELECT && previousNonWhiteSpace?.isParenthesis()),\n return Boolean(\n (previousKeyword?.value.toLowerCase() === SELECT && previousNonWhiteSpace?.value !== ',') ||\n ((currentToken?.isKeyword() || currentToken?.isIdentifier()) &&\n FROM.toLowerCase().startsWith(currentToken.value.toLowerCase()))\n );\n },\n },\n {\n id: StatementPosition.AfterFromKeyword,\n name: StatementPosition.AfterFromKeyword,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(!currentToken?.value.includes('.') && previousNonWhiteSpace?.value.toLowerCase() === FROM),\n },\n {\n id: StatementPosition.AfterSchema,\n name: StatementPosition.AfterSchema,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n // depending on whether the schema was the last token in the query or not, current token might be whitespace or dot. if whitespace, just use the previous token\n if (currentToken?.isWhiteSpace() && currentToken?.next) {\n currentToken = currentToken?.previous;\n previousNonWhiteSpace = currentToken!.getPreviousNonWhiteSpaceToken();\n }\n return Boolean(\n currentToken?.isIdentifier() &&\n currentToken?.value.endsWith('.') &&\n previousNonWhiteSpace?.value.toLowerCase() === FROM\n );\n },\n },\n {\n id: StatementPosition.AfterFrom,\n name: StatementPosition.AfterFrom,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n (previousKeyword?.value.toLowerCase() === FROM && previousNonWhiteSpace?.isDoubleQuotedString()) ||\n (previousKeyword?.value.toLowerCase() === FROM && previousNonWhiteSpace?.isIdentifier()) ||\n (previousKeyword?.value.toLowerCase() === FROM && previousNonWhiteSpace?.isVariable())\n // cloudwatch specific\n // (previousKeyword?.value === SCHEMA && previousNonWhiteSpace?.is(TokenType.Parenthesis, ')'))\n ),\n },\n {\n id: StatementPosition.AfterTable,\n name: StatementPosition.AfterTable,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n return Boolean(\n previousKeyword?.value.toLowerCase() === FROM &&\n (previousNonWhiteSpace?.isVariable() ||\n (previousNonWhiteSpace?.value !== '' && previousNonWhiteSpace?.value.toLowerCase() !== FROM))\n );\n },\n },\n {\n id: StatementPosition.WhereKeyword,\n name: StatementPosition.WhereKeyword,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n previousKeyword?.value.toLowerCase() === WHERE &&\n (previousNonWhiteSpace?.isKeyword() ||\n previousNonWhiteSpace?.is(TokenType.Parenthesis, '(') ||\n previousNonWhiteSpace?.is(TokenType.Operator, AND))\n ),\n },\n {\n id: StatementPosition.WhereComparisonOperator,\n name: StatementPosition.WhereComparisonOperator,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n previousKeyword?.value.toLowerCase() === WHERE &&\n !previousNonWhiteSpace?.getPreviousNonWhiteSpaceToken()?.isOperator() &&\n !currentToken?.is(TokenType.Delimiter, '.') &&\n !currentToken?.isParenthesis() &&\n (previousNonWhiteSpace?.isIdentifier() || previousNonWhiteSpace?.isDoubleQuotedString())\n ),\n },\n {\n id: StatementPosition.WhereValue,\n name: StatementPosition.WhereValue,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(previousKeyword?.value.toLowerCase() === WHERE && previousNonWhiteSpace?.isOperator()),\n },\n {\n id: StatementPosition.AfterWhereValue,\n name: StatementPosition.AfterWhereValue,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n return Boolean(\n previousKeyword?.value.toLowerCase() === WHERE &&\n (previousNonWhiteSpace?.is(TokenType.Operator, 'and') ||\n previousNonWhiteSpace?.is(TokenType.Operator, 'or') ||\n previousNonWhiteSpace?.isString() ||\n previousNonWhiteSpace?.isNumber() ||\n previousNonWhiteSpace?.is(TokenType.Parenthesis, ')') ||\n previousNonWhiteSpace?.is(TokenType.Parenthesis, '()') ||\n previousNonWhiteSpace?.isTemplateVariable() ||\n (previousNonWhiteSpace?.is(TokenType.IdentifierQuote) &&\n previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()?.is(TokenType.Identifier) &&\n previousNonWhiteSpace\n ?.getPreviousNonWhiteSpaceToken()\n ?.getPreviousNonWhiteSpaceToken()\n ?.is(TokenType.IdentifierQuote)))\n );\n },\n },\n {\n id: StatementPosition.AfterGroupByKeywords,\n name: StatementPosition.AfterGroupByKeywords,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n previousKeyword?.is(TokenType.Keyword, BY) &&\n previousKeyword?.getPreviousKeyword()?.is(TokenType.Keyword, GROUP) &&\n (previousNonWhiteSpace?.is(TokenType.Keyword, BY) || previousNonWhiteSpace?.is(TokenType.Delimiter, ','))\n ),\n },\n {\n id: StatementPosition.AfterGroupByFunctionArgument,\n name: StatementPosition.AfterGroupByFunctionArgument,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n return Boolean(\n previousKeyword?.is(TokenType.Keyword, BY) &&\n previousKeyword?.getPreviousKeyword()?.is(TokenType.Keyword, GROUP) &&\n (previousNonWhiteSpace?.is(TokenType.Parenthesis, '(') || currentToken?.is(TokenType.Parenthesis, '()'))\n );\n },\n },\n {\n id: StatementPosition.AfterOrderByKeywords,\n name: StatementPosition.AfterOrderByKeywords,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n previousNonWhiteSpace?.is(TokenType.Keyword, BY) &&\n previousNonWhiteSpace?.getPreviousKeyword()?.is(TokenType.Keyword, ORDER)\n ),\n },\n {\n id: StatementPosition.AfterOrderByFunction,\n name: StatementPosition.AfterOrderByFunction,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(\n previousKeyword?.is(TokenType.Keyword, BY) &&\n previousKeyword?.getPreviousKeyword()?.is(TokenType.Keyword, ORDER) &&\n previousNonWhiteSpace?.is(TokenType.Parenthesis) &&\n previousNonWhiteSpace?.getPreviousNonWhiteSpaceToken()?.is(TokenType.Function)\n ),\n },\n {\n id: StatementPosition.AfterOrderByDirection,\n name: StatementPosition.AfterOrderByDirection,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) =>\n Boolean(previousKeyword?.is(TokenType.Keyword, DESC) || previousKeyword?.is(TokenType.Keyword, ASC)),\n },\n {\n id: StatementPosition.AfterIsOperator,\n name: StatementPosition.AfterIsOperator,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n return Boolean(previousNonWhiteSpace?.is(TokenType.Operator, 'IS'));\n },\n },\n {\n id: StatementPosition.AfterIsNotOperator,\n name: StatementPosition.AfterIsNotOperator,\n resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {\n return Boolean(\n previousNonWhiteSpace?.is(TokenType.Operator, 'NOT') &&\n previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()?.is(TokenType.Operator, 'IS')\n );\n },\n },\n ];\n}\n","import { attachDebugger, createLogger } from '@grafana/ui';\n\nlet sqlEditorLogger = { logger: () => {} };\nlet sqlEditorLog: (...t: any[]) => void = () => {};\n\nif (attachDebugger && createLogger) {\n sqlEditorLogger = createLogger('SQLEditor');\n sqlEditorLog = sqlEditorLogger.logger;\n attachDebugger('sqleditor', undefined, sqlEditorLogger as any);\n}\n\nexport { sqlEditorLog, sqlEditorLogger };\n","import { MacroType } from '../types';\nimport { type MacrosRegistryItem } from './types';\n\nconst COLUMN = 'column',\n RELATIVE_TIME_STRING = \"'5m'\";\n\nexport const MACROS: MacrosRegistryItem[] = [\n {\n id: '$__timeFilter(dateColumn)',\n name: '$__timeFilter(dateColumn)',\n text: '$__timeFilter',\n args: [COLUMN],\n type: MacroType.Filter,\n description:\n 'Will be replaced by a time range filter using the specified column name. For example, dateColumn BETWEEN FROM_UNIXTIME(1494410783) AND FROM_UNIXTIME(1494410983)',\n },\n {\n id: '$__timeFrom()',\n name: '$__timeFrom()',\n text: '$__timeFrom',\n args: [],\n type: MacroType.Filter,\n description:\n 'Will be replaced by the start of the currently active time selection. For example, FROM_UNIXTIME(1494410783)',\n },\n {\n id: '$__timeTo()',\n name: '$__timeTo()',\n text: '$__timeTo',\n args: [],\n type: MacroType.Filter,\n description:\n 'Will be replaced by the end of the currently active time selection. For example, FROM_UNIXTIME(1494410983)',\n },\n {\n id: \"$__timeGroup(dateColumn, '5m')\",\n name: \"$__timeGroup(dateColumn, '5m')\",\n text: '$__timeGroup',\n args: [COLUMN, RELATIVE_TIME_STRING],\n type: MacroType.Value,\n description:\n 'Will be replaced by an expression usable in GROUP BY clause. For example, *cast(cast(UNIX_TIMESTAMP(dateColumn)/(300) as signed)*300 as signed),*',\n },\n {\n id: '$__table',\n name: '$__table',\n text: '$__table',\n args: [],\n type: MacroType.Table,\n description: 'Will be replaced by the query table.',\n },\n {\n id: '$__column',\n name: '$__column',\n text: '$__column',\n args: [],\n type: MacroType.Column,\n description: 'Will be replaced by the query column.',\n },\n];\n\n/*\n {\n id: \"$__timeGroupAlias(dateColumn, '5m', fill)\",\n name: \"$__timeGroupAlias(dateColumn, '5m', fill)\",\n text: \"$__timeGroup\",\n args: [COLUMN, RELATIVE_TIME_STRING , FILL_TYPE],\n type: MacroType.Group,\n description:\n \"Will be replaced by an expression usable in GROUP BY clause. For example, *cast(cast(UNIX_TIMESTAMP(dateColumn)/(300) as signed)*300 as signed),* with an added column alias\",\n },\n {\n id: \"$__unixEpochFilter(dateColumn)\",\n name: \"$__unixEpochFilter(dateColumn)\",\n text: \"$__unixEpochFilter\",\n args: [COLUMN],\n type: MacroType.Filter,\n description:\n \"Will be replaced by a time range filter using the specified column name with times represented as Unix timestamp. For example, dateColumn > 1494410783 AND dateColumn < 1494497183\",\n },\n {\n id: \"$__unixEpochFrom()\",\n name: \"$__unixEpochFrom()\",\n text: \"$__unixEpochFrom\",\n args: [],\n type: MacroType.Value,\n description:\n \"Will be replaced by the start of the currently active time selection as Unix timestamp. For example, 1494410783\",\n },\n {\n id: \"$__unixEpochTo()\",\n name: \"$__unixEpochTo()\",\n text: \"$__unixEpochTo\",\n args: [],\n type: MacroType.Value,\n description:\n \"Will be replaced by the end of the currently active time selection as Unix timestamp. For example, 1494410783\",\n },\n {\n id: \"$__unixEpochNanoFilter(dateColumn)\",\n name: \"$__unixEpochNanoFilter(dateColumn)\",\n text: \"$__unixEpochNanoFilter\",\n args: [COLUMN],\n type: MacroType.Filter,\n description:\n \"Will be replaced by a time range filter using the specified column name with times represented as nanosecond timestamp. For example, dateColumn > 1494410783152415214 AND dateColumn < 1494497183142514872\",\n },\n {\n id: \"$__unixEpochNanoFrom()\",\n name: \"$__unixEpochNanoFrom()\",\n text: \"$__unixEpochNanoFrom\",\n args: [],\n type: MacroType.Value,\n description:\n \"Will be replaced by the start of the currently active time selection as nanosecond timestamp. For example, 1494410783152415214\",\n },\n {\n id: \"$__unixEpochNanoTo()\",\n name: \"$__unixEpochNanoTo()\",\n text: \"$__unixEpochNanoTo\",\n args: [],\n type: MacroType.Value,\n description:\n \"Will be replaced by the end of the currently active time selection as nanosecond timestamp. For example, 1494410783152415214\",\n },\n {\n id: \"$__unixEpochGroup(dateColumn, '5m')\",\n name: \"$__unixEpochGroup(dateColumn, '5m')\",\n text: \"$__unixEpochGroup\",\n args: [COLUMN, RELATIVE_TIME_STRING],\n type: MacroType.Group,\n description:\n \"Will be replaced by an expression usable in GROUP BY clause. For values stored as unix timestamp.\",\n },\n {\n id: \"$__unixEpochGroup(dateColumn, '5m', fill)\",\n name: \"$__unixEpochGroup(dateColumn, '5m', fill)\",\n text: \"$__unixEpochGroup\",\n args: [COLUMN, RELATIVE_TIME_STRING, FILL_TYPE],\n type: MacroType.Group,\n description:\n \"Will be replaced by an expression usable in GROUP BY clause. For values stored as unix timestamp. Missing values can be filled with 0, NULL or previous\",\n },\n {\n id: \"$__timeEpoch(dateColumn, )\",\n name: \"$__timeEpoch(dateColumn)\",\n text: \"$__timeEpoch\",\n args: [COLUMN],\n type: MacroType.Value,\n description:\n \"Will be replaced by an expression to convert to a UNIX timestamp and rename the column to time_sec. For example, UNIX_TIMESTAMP(dateColumn) as time_sec\",\n },\n {\n id: \"$__time(dateColumn)\",\n name: \"$__time(dateColumn)\",\n text: \"$__time\",\n args: [COLUMN],\n type: MacroType.Value,\n description:\n \"Will be replaced by an expression to convert to a UNIX timestamp and rename the column to time_sec. For example, UNIX_TIMESTAMP(dateColumn) as time_sec\",\n },\n {\n id: \"$__timeGroup(dateColumn, '5m', fill)\",\n name: \"$__timeGroup(dateColumn, '5m', fill)\",\n text: \"$__timeGroup\",\n args: [COLUMN, RELATIVE_TIME_STRING, FILL_TYPE],\n type: MacroType.Value,\n description:\n \"Will be replaced by an expression usable in GROUP BY clause. For example, *cast(cast(UNIX_TIMESTAMP(dateColumn)/(300) as signed)*300 as signed),* missing values can be filled with 0, NULL or previous\",\n },\n */\n","import { type Monaco } from '@grafana/ui';\nimport { type Operator, OperatorType, type SQLCompletionItemProvider } from '../types';\nimport { MACROS } from './macros';\nimport { type SQLMonarchLanguage } from './types';\n\nexport function getStandardSQLCompletionProvider(\n monaco: Monaco,\n language: SQLMonarchLanguage\n): SQLCompletionItemProvider {\n const provider: SQLCompletionItemProvider = { triggerCharacters: ['.', ' ', '$', ',', '(', \"'\"] };\n if (language && Array.isArray(language.builtinFunctions)) {\n provider.supportedFunctions = () => language.builtinFunctions!.map((f) => ({ id: f, name: f }));\n }\n\n const operators: Operator[] = [];\n if (language?.comparisonOperators?.length) {\n operators.push(\n ...language.comparisonOperators.map((f) => ({\n id: f.toLocaleLowerCase(),\n operator: f,\n type: OperatorType.Comparison,\n }))\n );\n }\n\n // some languages in the monaco language registry don't specify logical operators, only operators. if so, suggest them instead\n language.logicalOperators = language.logicalOperators ?? language.operators;\n if (language?.logicalOperators?.length) {\n operators.push(\n ...language.logicalOperators.map((f) => ({ id: f.toLocaleLowerCase(), operator: f, type: OperatorType.Logical }))\n );\n }\n\n provider.supportedOperators = () => operators;\n\n provider.supportedMacros = () => MACROS;\n\n return provider;\n}\n","import { type LanguageDefinition } from '../types';\nimport { getStandardSQLCompletionProvider } from './standardSQLCompletionItemProvider';\n\nconst standardSQLLanguageDefinition: LanguageDefinition = {\n id: 'standardSql',\n extensions: ['.sql'],\n aliases: ['sql'],\n mimetypes: [],\n loader: () => import('./language'),\n\n completionProvider: getStandardSQLCompletionProvider,\n};\n\nexport default standardSQLLanguageDefinition;\n","import { useRef, useEffect, useMemo } from 'react';\n\n/**\n * Returns a stable callback that always calls the latest version of the provided callback.\n * Useful for avoiding stale closures in imperative APIs like Monaco editor callbacks.\n *\n * @param callback The callback function that may change between renders (can be undefined)\n * @returns A stable callback reference that always calls the latest version, or undefined if no callback provided\n */\nexport function useLatestCallback unknown>(callback: T | undefined): T | undefined {\n const ref = useRef(callback);\n\n useEffect(() => {\n ref.current = callback;\n });\n\n const hasCallback = Boolean(callback);\n\n return useMemo(\n () => (hasCallback ? (((...args: Parameters) => ref.current!(...args)) as T) : undefined),\n [hasCallback]\n );\n}\n","import { CodeEditor, type Monaco, type monacoTypes } from '@grafana/ui';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { getStatementPosition } from '../standardSql/getStatementPosition';\nimport { getStandardSuggestions } from '../standardSql/getStandardSuggestions';\nimport { initSuggestionsKindRegistry, type SuggestionKindRegistryItem } from '../standardSql/suggestionsKindRegistry';\nimport {\n CompletionItemInsertTextRule,\n CompletionItemKind,\n CompletionItemPriority,\n type CustomSuggestion,\n type LanguageDefinition,\n type PositionContext,\n type SQLCompletionItemProvider,\n type StatementPosition,\n SuggestionKind,\n} from '../types';\nimport { getSuggestionKinds } from '../utils/getSuggestionKind';\nimport { linkedTokenBuilder } from '../utils/linkedTokenBuilder';\nimport { defaultTableNameParser, getTableToken } from '../utils/tokenUtils';\nimport { TRIGGER_SUGGEST } from '../utils/commands';\nimport { v4 } from 'uuid';\nimport { Registry } from '@grafana/data';\nimport {\n type FunctionsRegistryItem,\n type MacrosRegistryItem,\n type OperatorsRegistryItem,\n type StatementPositionResolversRegistryItem,\n type SuggestionsRegistryItem,\n} from '../standardSql/types';\nimport { initStandardSuggestions } from '../standardSql/standardSuggestionsRegistry';\nimport { initStatementPositionResolvers } from '../standardSql/statementPositionResolversRegistry';\nimport { sqlEditorLog } from '../utils/debugger';\nimport standardSQLLanguageDefinition from '../standardSql/definition';\nimport { getStandardSQLCompletionProvider } from '../standardSql/standardSQLCompletionItemProvider';\nimport { useLatestCallback } from '../hooks/useLatestCallback';\n\nconst STANDARD_SQL_LANGUAGE = 'sql';\n\ninterface SQLEditorProps {\n query: string;\n /**\n * Use for inspecting the query as it changes. I.e. for validation.\n */\n onChange?: (q: string, processQuery: boolean) => void;\n onBlur?: (text: string) => void;\n language?: LanguageDefinition;\n children?: (props: { formatQuery: () => void }) => React.ReactNode;\n width?: number;\n height?: number;\n}\n\ninterface LanguageRegistries {\n functions: Registry;\n operators: Registry;\n suggestionKinds: Registry;\n positionResolvers: Registry;\n macros: Registry;\n}\n\nconst LANGUAGES_CACHE = new Map();\nconst INSTANCE_CACHE = new Map>();\n\nexport const SQLEditor = ({\n children,\n onBlur,\n onChange,\n query,\n language = { id: STANDARD_SQL_LANGUAGE },\n width,\n height,\n}: SQLEditorProps) => {\n const monacoRef = useRef(null);\n const langUid = useRef();\n const stableOnChange = useLatestCallback(onChange);\n\n // create unique language id for each SQLEditor instance\n const id = useMemo(() => {\n const uid = v4();\n const id = `${language.id}-${uid}`;\n langUid.current = id;\n return id;\n }, [language.id]);\n\n useEffect(() => {\n return () => {\n if (langUid.current) {\n INSTANCE_CACHE.delete(langUid.current);\n }\n sqlEditorLog(`Removing instance cache ${langUid.current}`, false, INSTANCE_CACHE);\n };\n }, []);\n\n const formatQuery = useCallback(() => {\n if (monacoRef.current) {\n monacoRef.current.getAction('editor.action.formatDocument').run();\n }\n }, []);\n\n const onSqlBlur = (text: string) => {\n stableOnChange && stableOnChange(text, false);\n onBlur && onBlur(text);\n };\n\n return (\n
\n {\n monacoRef.current = editor;\n editor.onDidChangeModelContent((e) => {\n const text = editor.getValue();\n // Use ref to get the latest onChange callback, avoiding stale closures\n if (stableOnChange) {\n stableOnChange(text, false);\n }\n });\n\n editor.addCommand(m.KeyMod.CtrlCmd | m.KeyCode.Enter, () => {\n const text = editor.getValue();\n // Use ref to get the latest onChange callback, avoiding stale closures\n if (stableOnChange) {\n stableOnChange(text, true);\n }\n });\n\n editor.onKeyUp((e) => {\n // keyCode 84 is . (DOT)\n if (e.keyCode === 84) {\n editor.trigger(TRIGGER_SUGGEST.id, TRIGGER_SUGGEST.id, {});\n }\n });\n registerLanguageAndSuggestions(m, language, id);\n }}\n />\n {children && children({ formatQuery })}\n
\n );\n};\n\n// There's three ways to define Monaco language:\n// 1. Leave language.id empty or set it to 'sql'. This will load a standard sql language definition, including syntax highlighting and tokenization for\n// common Grafana entities such as macros and template variables\n// 2. Provide a custom language and load it via the async LanguageDefinition.loader callback\n// 3. Specify a language.id that exists in the Monaco language registry. A custom completion item provider can still be provided.\n// If not, the standard SQL completion item provider will be used. See available languages here: https://github.com/microsoft/monaco-editor/tree/main/src/basic-languages\n// If a custom language is specified, its LanguageDefinition will be merged with the LanguageDefinition for standard SQL. This allows the consumer to only\n// override parts of the LanguageDefinition, such as for example the completion item provider.\nconst resolveLanguage = (monaco: Monaco, languageDefinitionProp: LanguageDefinition): LanguageDefinition => {\n if (languageDefinitionProp?.id !== STANDARD_SQL_LANGUAGE && !languageDefinitionProp.loader) {\n sqlEditorLog(`Loading language '${languageDefinitionProp?.id}' from Monaco registry`, false);\n const allLangs = monaco.languages.getLanguages();\n const custom = allLangs.find(({ id }) => id === languageDefinitionProp?.id);\n if (!custom) {\n throw Error(`Unknown Monaco language ${languageDefinitionProp?.id}`);\n }\n\n return { completionProvider: getStandardSQLCompletionProvider, ...custom, ...languageDefinitionProp };\n }\n\n return {\n ...standardSQLLanguageDefinition,\n ...languageDefinitionProp,\n };\n};\n\nexport const registerLanguageAndSuggestions = async (monaco: Monaco, l: LanguageDefinition, lid: string) => {\n const languageDefinition = resolveLanguage(monaco, l);\n if (!languageDefinition.loader) {\n return;\n }\n const { language, conf } = await languageDefinition.loader(monaco);\n monaco.languages.register({ id: lid });\n monaco.languages.setMonarchTokensProvider(lid, { ...language });\n monaco.languages.setLanguageConfiguration(lid, { ...conf });\n\n if (languageDefinition.formatter) {\n monaco.languages.registerDocumentFormattingEditProvider(lid, {\n provideDocumentFormattingEdits: (model) => {\n const formatted = l.formatter?.(model.getValue());\n return [\n {\n range: model.getFullModelRange(),\n text: formatted || '',\n },\n ];\n },\n });\n }\n\n if (languageDefinition.completionProvider) {\n const customProvider = languageDefinition.completionProvider(monaco, language);\n extendStandardRegistries(l.id, lid, customProvider);\n const languageSuggestionsRegistries = LANGUAGES_CACHE.get(l.id)!;\n const instanceSuggestionsRegistry = INSTANCE_CACHE.get(lid)!;\n\n const completionProvider: monacoTypes.languages.CompletionItemProvider['provideCompletionItems'] = async (\n model,\n position,\n context,\n token\n ) => {\n const currentToken = linkedTokenBuilder(monaco, model, position, lid);\n const statementPosition = getStatementPosition(currentToken, languageSuggestionsRegistries.positionResolvers);\n const kind = getSuggestionKinds(statementPosition, languageSuggestionsRegistries.suggestionKinds);\n\n sqlEditorLog('Statement position', false, statementPosition);\n sqlEditorLog('Suggestion kinds', false, kind);\n\n const ctx: PositionContext = {\n position,\n currentToken,\n statementPosition,\n kind,\n range: monaco.Range.fromPositions(position),\n };\n\n const stdSuggestions = await getStandardSuggestions(monaco, currentToken, kind, ctx, instanceSuggestionsRegistry);\n\n return {\n suggestions: stdSuggestions,\n };\n };\n\n monaco.languages.registerCompletionItemProvider(lid, {\n ...customProvider,\n provideCompletionItems: completionProvider,\n });\n }\n};\n\nfunction extendStandardRegistries(id: string, lid: string, customProvider: SQLCompletionItemProvider) {\n if (!LANGUAGES_CACHE.has(id)) {\n initializeLanguageRegistries(id);\n }\n\n const languageRegistries = LANGUAGES_CACHE.get(id)!;\n\n if (!INSTANCE_CACHE.has(lid)) {\n INSTANCE_CACHE.set(\n lid,\n new Registry(\n initStandardSuggestions(languageRegistries.functions, languageRegistries.operators, languageRegistries.macros)\n )\n );\n }\n\n const instanceSuggestionsRegistry = INSTANCE_CACHE.get(lid)!;\n\n if (customProvider.supportedFunctions) {\n for (const func of customProvider.supportedFunctions()) {\n const exists = languageRegistries.functions.getIfExists(func.id);\n if (!exists) {\n languageRegistries.functions.register(func);\n }\n }\n }\n\n if (customProvider.supportedOperators) {\n for (const op of customProvider.supportedOperators()) {\n const exists = languageRegistries.operators.getIfExists(op.id);\n if (!exists) {\n languageRegistries.operators.register({ ...op, name: op.id });\n }\n }\n }\n\n if (customProvider.supportedMacros) {\n for (const macro of customProvider.supportedMacros()) {\n const exists = languageRegistries.macros.getIfExists(macro.id);\n if (!exists) {\n languageRegistries.macros.register({ ...macro, name: macro.id });\n }\n }\n }\n\n if (customProvider.customStatementPlacement) {\n for (const placement of customProvider.customStatementPlacement()) {\n const exists = languageRegistries.positionResolvers.getIfExists(placement.id);\n if (!exists) {\n languageRegistries.positionResolvers.register({\n ...placement,\n id: placement.id as StatementPosition,\n name: placement.id,\n });\n languageRegistries.suggestionKinds.register({\n id: placement.id as StatementPosition,\n name: placement.id,\n kind: [],\n });\n } else {\n // Allow extension to the built-in placement resolvers\n const origResolve = exists.resolve;\n exists.resolve = (...args) => {\n const ext = placement.resolve(...args);\n if (placement.overrideDefault) {\n return ext;\n }\n const orig = origResolve(...args);\n return orig || ext;\n };\n }\n }\n }\n\n if (customProvider.customSuggestionKinds) {\n for (const kind of customProvider.customSuggestionKinds()) {\n kind.applyTo?.forEach((applyTo) => {\n const exists = languageRegistries.suggestionKinds.getIfExists(applyTo);\n if (exists) {\n // avoid duplicates\n if (exists.kind.indexOf(kind.id as SuggestionKind) === -1) {\n exists.kind.push(kind.id as SuggestionKind);\n }\n }\n });\n\n if (kind.overrideDefault) {\n const stbBehavior = instanceSuggestionsRegistry.get(kind.id);\n if (stbBehavior !== undefined) {\n stbBehavior.suggestions = kind.suggestionsResolver;\n continue;\n }\n }\n\n instanceSuggestionsRegistry.register({\n id: kind.id as SuggestionKind,\n name: kind.id,\n suggestions: kind.suggestionsResolver,\n });\n }\n }\n\n if (customProvider.schemas) {\n const stbBehavior = instanceSuggestionsRegistry.get(SuggestionKind.Schemas);\n const s = stbBehavior.suggestions;\n stbBehavior.suggestions = async (ctx, m) => {\n const standardSchemas = await s(ctx, m);\n if (!customProvider.schemas) {\n return [...standardSchemas];\n }\n const customSchemas = await customProvider.schemas.resolve();\n const customSchemaCompletionItems = customSchemas.map((x) => ({\n label: x.name,\n insertText: `${x.completion ?? x.name}.`,\n command: TRIGGER_SUGGEST,\n kind: CompletionItemKind.Module, // it's nice to differentiate schemas from tables\n sortText: CompletionItemPriority.High,\n }));\n return [...standardSchemas, ...customSchemaCompletionItems];\n };\n }\n\n if (customProvider.tables) {\n const stbBehavior = instanceSuggestionsRegistry.get(SuggestionKind.Tables);\n const s = stbBehavior.suggestions;\n stbBehavior.suggestions = async (ctx, m) => {\n const o = await s(ctx, m);\n const tableToken = getTableToken(ctx.currentToken);\n const tableNameParser = customProvider.tables?.parseName ?? defaultTableNameParser;\n\n const tableIdentifier = tableNameParser(tableToken);\n\n const oo = ((await customProvider.tables?.resolve?.(tableIdentifier)) ?? []).map((x) => ({\n label: x.name,\n // if no custom completion is provided it's safe to move cursor further in the statement\n insertText: `${x.completion ?? x.name}${x.completion === x.name ? ' $0' : ''}`,\n insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,\n command: TRIGGER_SUGGEST,\n kind: CompletionItemKind.Field,\n sortText: CompletionItemPriority.MediumHigh,\n }));\n return [...o, ...oo];\n };\n }\n\n if (customProvider.columns) {\n const stbBehavior = instanceSuggestionsRegistry.get(SuggestionKind.Columns);\n const s = stbBehavior.suggestions;\n stbBehavior.suggestions = async (ctx, m) => {\n const o = await s(ctx, m);\n const tableToken = getTableToken(ctx.currentToken);\n let tableIdentifier;\n const tableNameParser = customProvider.tables?.parseName ?? defaultTableNameParser;\n\n if (tableToken && tableToken.value) {\n tableIdentifier = tableNameParser(tableToken);\n }\n\n let oo: CustomSuggestion[] = [];\n if (tableIdentifier) {\n const columns = await customProvider.columns?.resolve!(tableIdentifier);\n oo = columns\n ? columns.map((x) => ({\n label: x.name,\n insertText: x.completion ?? x.name,\n kind: CompletionItemKind.Field,\n sortText: CompletionItemPriority.High,\n detail: x.type,\n documentation: x.description,\n }))\n : [];\n }\n return [...o, ...oo];\n };\n }\n}\n\n/**\n * Initializes language specific registries that are treated as singletons\n */\nfunction initializeLanguageRegistries(id: string) {\n if (!LANGUAGES_CACHE.has(id)) {\n LANGUAGES_CACHE.set(id, {\n functions: new Registry(),\n operators: new Registry(),\n suggestionKinds: new Registry(initSuggestionsKindRegistry),\n positionResolvers: new Registry(initStatementPositionResolvers),\n macros: new Registry(),\n });\n }\n\n return LANGUAGES_CACHE.get(id)!;\n}\n","import { type monacoTypes } from '@grafana/ui';\nimport { type TestQueryModel } from '../../test-utils/types';\n\nexport const singleLineFullQuery: TestQueryModel = {\n query: `SELECT column1, FROM table1 WHERE column1 = \"value1\" GROUP BY column1 ORDER BY column1 DESC LIMIT 10`,\n tokens: [\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 7,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 14,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 15,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 16,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 20,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 21,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 27,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 28,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 33,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 34,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 41,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 42,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 43,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 44,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 45,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 51,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 52,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 53,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 58,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 59,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 61,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 62,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 69,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 70,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 75,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 76,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 78,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 79,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 86,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 87,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 91,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 92,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 97,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 98,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 100,\n type: 'delimiter.sql',\n language: 'sql',\n },\n ],\n ] as monacoTypes.Token[][],\n};\n","import { type TestQueryModel } from '../../test-utils/types';\n\nexport const singleLineFullQueryWithAggregation: TestQueryModel = {\n query: 'SELECT count(column1), FROM table1 WHERE column1 = \"value1\" GROUP BY column1 ORDER BY column1 DESC LIMIT 10;',\n tokens: [\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 7,\n type: 'predefined.sql',\n language: 'sql',\n },\n {\n offset: 12,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 13,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 20,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 21,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 22,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 27,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 28,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 34,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 35,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 40,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 41,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 48,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 49,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 50,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 51,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 52,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 58,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 59,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 60,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 65,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 66,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 68,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 69,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 76,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 77,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 82,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 83,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 85,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 86,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 93,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 94,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 98,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 99,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 104,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 105,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 107,\n type: 'delimiter.sql',\n language: 'sql',\n },\n ],\n ],\n};\n","import { type TestQueryModel } from '../../test-utils/types';\n\nexport const multiLineFullQuery: TestQueryModel = {\n query: `SELECT column1,\n FROM table1\n\n WHERE column1 = \"value1\"\n GROUP BY column1 ORDER BY column1 DESC\n LIMIT 10;`,\n tokens: [\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 7,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 14,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 15,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 4,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 11,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 13,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 14,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 15,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 16,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 17,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 24,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 8,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 9,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 16,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 17,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 22,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 25,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 26,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 33,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 34,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 38,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 8,\n type: 'delimiter.sql',\n language: 'sql',\n },\n ],\n ],\n};\n","import { type TestQueryModel } from '../../test-utils/types';\n\nexport const multiLineFullQueryWithAggregation: TestQueryModel = {\n query: `SELECT count(column1),\n FROM table1\n\n WHERE column1 = \"value1\"\n GROUP BY column1 ORDER BY column1 DESC\n LIMIT 10;`,\n tokens: [\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 7,\n type: 'predefined.sql',\n language: 'sql',\n },\n {\n offset: 12,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 13,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 20,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 21,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 22,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 4,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 11,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 13,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 14,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 15,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 16,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 17,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 24,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 8,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 9,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 16,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 17,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 22,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 25,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 26,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 33,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 34,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 38,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 8,\n type: 'delimiter.sql',\n language: 'sql',\n },\n ],\n ],\n};\n","import { type TestQueryModel } from '../../test-utils/types';\n\nexport const singleLineEmptyQuery: TestQueryModel = {\n query: '',\n tokens: [],\n};\n","import { type TestQueryModel } from '../../test-utils/types';\n\nexport const singleLineTwoQueries: TestQueryModel = {\n query:\n 'SELECT column1, FROM table1 WHERE column1 = \"value1\" GROUP BY column1 ORDER BY column1 DESC LIMIT 10; SELECT column2, FROM table2 WHERE column2 = \"value2\" GROUP BY column1 ORDER BY column2 DESC LIMIT 10;',\n tokens: [\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 7,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 14,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 15,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 16,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 20,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 21,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 27,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 28,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 33,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 34,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 41,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 42,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 43,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 44,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 45,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 51,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 52,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 53,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 58,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 59,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 61,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 62,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 69,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 70,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 75,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 76,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 78,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 79,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 86,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 87,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 91,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 92,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 97,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 98,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 100,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 101,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 102,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 108,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 109,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 116,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 117,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 118,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 122,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 123,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 129,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 130,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 135,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 136,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 143,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 144,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 145,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 146,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 147,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 153,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 154,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 155,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 160,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 161,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 163,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 164,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 171,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 172,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 177,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 178,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 180,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 181,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 188,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 189,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 193,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 194,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 199,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 200,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 202,\n type: 'delimiter.sql',\n language: 'sql',\n },\n ],\n ],\n};\n","import { type TestQueryModel } from '../../test-utils/types';\n\nexport const singleLineTwoQueriesWithAggregation: TestQueryModel = {\n query:\n 'SELECT count(column1), FROM table1 WHERE column1 = \"value1\" GROUP BY column1 ORDER BY column1 DESC LIMIT 10; SELECT count(column2), FROM table2 WHERE column2 = \"value2\" GROUP BY column1 ORDER BY column2 DESC LIMIT 10;',\n tokens: [\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 7,\n type: 'predefined.sql',\n language: 'sql',\n },\n {\n offset: 12,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 13,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 20,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 21,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 22,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 27,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 28,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 34,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 35,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 40,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 41,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 48,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 49,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 50,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 51,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 52,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 58,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 59,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 60,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 65,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 66,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 68,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 69,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 76,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 77,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 82,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 83,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 85,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 86,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 93,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 94,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 98,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 99,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 104,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 105,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 107,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 108,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 109,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 115,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 116,\n type: 'predefined.sql',\n language: 'sql',\n },\n {\n offset: 121,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 122,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 129,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 130,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 131,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 132,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 136,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 137,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 143,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 144,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 149,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 150,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 157,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 158,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 159,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 160,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 161,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 167,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 168,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 169,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 174,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 175,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 177,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 178,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 185,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 186,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 191,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 192,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 194,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 195,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 202,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 203,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 207,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 208,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 213,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 214,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 216,\n type: 'delimiter.sql',\n language: 'sql',\n },\n ],\n ],\n};\n","import { type TestQueryModel } from '../../test-utils/types';\n\nexport const singleLineMultipleColumns: TestQueryModel = {\n query:\n 'SELECT count(column1), column2 FROM table1 WHERE column1 = \"value1\" GROUP BY column1 ORDER BY column1, avg(column2) DESC LIMIT 10;',\n tokens: [\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 7,\n type: 'predefined.sql',\n language: 'sql',\n },\n {\n offset: 12,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 13,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 20,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 21,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 22,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 30,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 31,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 35,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 36,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 42,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 43,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 48,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 49,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 56,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 57,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 58,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 59,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 60,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 66,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 67,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 68,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 73,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 74,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 76,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 77,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 84,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 85,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 90,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 91,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 93,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 94,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 101,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 102,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 103,\n type: 'predefined.sql',\n language: 'sql',\n },\n {\n offset: 106,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 107,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 114,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 115,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 116,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 120,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 121,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 126,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 127,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 129,\n type: 'delimiter.sql',\n language: 'sql',\n },\n ],\n ],\n};\n","import { type TestQueryModel } from '../../test-utils/types';\n\nexport const multiLineMultipleColumns: TestQueryModel = {\n query: `SELECT count(column1), column2\n FROM table1\n\n WHERE column1 = \"value1\"\n GROUP BY column1 ORDER BY column1, avg(column2) DESC\n LIMIT 10;`,\n tokens: [\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 7,\n type: 'predefined.sql',\n language: 'sql',\n },\n {\n offset: 12,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 13,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 20,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 21,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 22,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 30,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 4,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 11,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 13,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 14,\n type: 'operator.sql',\n language: 'sql',\n },\n {\n offset: 15,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 16,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 17,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'identifier.quote.sql',\n language: 'sql',\n },\n {\n offset: 24,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 8,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 9,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 16,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 17,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 22,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 23,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 25,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 26,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 33,\n type: 'delimiter.sql',\n language: 'sql',\n },\n {\n offset: 34,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 35,\n type: 'predefined.sql',\n language: 'sql',\n },\n {\n offset: 38,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 39,\n type: 'identifier.sql',\n language: 'sql',\n },\n {\n offset: 46,\n type: 'delimiter.parenthesis.sql',\n language: 'sql',\n },\n {\n offset: 47,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 48,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 52,\n type: 'white.sql',\n language: 'sql',\n },\n ],\n [\n {\n offset: 0,\n type: 'keyword.sql',\n language: 'sql',\n },\n {\n offset: 5,\n type: 'white.sql',\n language: 'sql',\n },\n {\n offset: 6,\n type: 'number.sql',\n language: 'sql',\n },\n {\n offset: 8,\n type: 'delimiter.sql',\n language: 'sql',\n },\n ],\n ],\n};\n","import { type monacoTypes } from '@grafana/ui';\n\n// Stub for the Monaco instance. Only implements the parts that are used in cloudwatch sql\nconst getMonacoMock: (\n testData: Map>>>\n) => any = (testData) => ({\n editor: {\n tokenize: (value: string, languageId: string) => testData.get(value),\n },\n Range: {\n containsPosition: (range: monacoTypes.IRange, position: monacoTypes.IPosition) => {\n return (\n position.lineNumber >= range.startLineNumber &&\n position.lineNumber <= range.endLineNumber &&\n position.column >= range.startColumn &&\n position.column <= range.endColumn\n );\n },\n },\n languages: {\n CompletionItemKind: { Snippet: 2, Function: 1, Keyword: 3 },\n CompletionItemInsertTextRule: { InsertAsSnippet: 2 },\n },\n});\n\nexport { getMonacoMock };\n","import { type monacoTypes } from '@grafana/ui';\n\n// Stub for monacoTypes.editor.ITextModel\nfunction TextModel(value: string) {\n return {\n getValue: function (eol?: monacoTypes.editor.EndOfLinePreference, preserveBOM?: boolean): string {\n return value;\n },\n getValueInRange: function (range: monacoTypes.IRange, eol?: monacoTypes.editor.EndOfLinePreference): string {\n const lines = value.split('\\n');\n const line = lines[range.startLineNumber - 1];\n return line.trim().slice(range.startColumn === 0 ? 0 : range.startColumn - 1, range.endColumn - 1);\n },\n getLineLength: function (lineNumber: number): number {\n const lines = value.split('\\n');\n return lines[lineNumber - 1].trim().length;\n },\n };\n}\n\nexport { TextModel };\n","import { Registry } from '@grafana/data';\nimport { type monacoTypes } from '@grafana/ui';\nimport { getMonacoMock } from '../mocks/Monaco';\nimport { TextModel } from '../mocks/TextModel';\nimport { getStatementPosition } from '../standardSql/getStatementPosition';\nimport { type StatementPositionResolversRegistryItem } from '../standardSql/types';\nimport { type CustomStatementPlacement, type StatementPosition } from '../types';\nimport { linkedTokenBuilder } from '../utils/linkedTokenBuilder';\nimport { type StatementPositionResolverTestCase } from './types';\n\nfunction assertPosition(\n query: string,\n position: monacoTypes.IPosition,\n expected: StatementPosition | string,\n monacoMock: any,\n resolversRegistry: Registry\n) {\n const testModel = TextModel(query);\n const current = linkedTokenBuilder(monacoMock, testModel as monacoTypes.editor.ITextModel, position);\n const statementPosition = getStatementPosition(current, resolversRegistry);\n\n expect(statementPosition).toContain(expected);\n}\n\nexport const testStatementPosition = (\n expected: StatementPosition | string,\n cases: StatementPositionResolverTestCase[],\n resolvers: () => CustomStatementPlacement[]\n) => {\n describe(`${expected}`, () => {\n let MonacoMock: any;\n let statementPositionResolversRegistry: Registry;\n\n beforeEach(() => {\n const mockQueries = new Map>>>();\n cases.forEach((c) => mockQueries.set(c.query.query, c.query.tokens));\n\n MonacoMock = getMonacoMock(mockQueries);\n statementPositionResolversRegistry = new Registry(() => {\n return resolvers().map((r) => ({\n id: r.id as StatementPosition,\n name: r.name || r.id,\n resolve: r.resolve,\n }));\n });\n });\n\n // using forEach here rather than test.each as been struggling to get the arguments interpolated in test name string\n cases.forEach((c) => {\n test(`${c.query.query}`, () => {\n assertPosition(\n c.query.query,\n { lineNumber: c.position.line, column: c.position.column },\n expected,\n MonacoMock,\n statementPositionResolversRegistry\n );\n });\n });\n });\n};\n","import * as testData from '../mocks/testData';\nimport { testStatementPosition } from './statementPosition';\nimport { type TestQueryModel } from './types';\n\nexport const SQLEditorTestUtils = {\n testData,\n testStatementPosition,\n};\n\nexport type { TestQueryModel };\n","import { type JsonTree } from '@react-awesome-query-builder/ui';\n\nimport {\n type DataFrame,\n type DataSourceJsonData,\n type MetricFindValue,\n type SelectableValue,\n type TimeRange,\n toOption as toOptionFromData,\n} from '@grafana/data';\n\nimport { type DataQuery } from '@grafana/schema';\n\nimport {\n type QueryEditorFunctionExpression,\n type QueryEditorGroupByExpression,\n type QueryEditorPropertyExpression,\n} from './expressions';\nimport { type CompletionItemKind, type LanguageCompletionProvider } from '../SQLEditor';\n\nexport interface SqlQueryForInterpolation {\n dataset?: string;\n alias?: string;\n format?: QueryFormat;\n rawSql?: string;\n refId: string;\n hide?: boolean;\n}\n\nexport interface SQLConnectionLimits {\n maxOpenConns: number;\n maxIdleConns: number;\n connMaxLifetime: number;\n}\n\nexport interface SQLOptions extends SQLConnectionLimits, DataSourceJsonData {\n tlsAuth: boolean;\n tlsAuthWithCACert: boolean;\n timezone: string;\n tlsSkipVerify: boolean;\n user: string;\n database: string;\n url: string;\n timeInterval: string;\n}\n\n// Match the Enums Expected in SqlUtil and SqlDS\n// https://github.com/grafana/grafana-plugin-sdk-go/blob/main/data/sqlutil/query.go#L18-L29\nexport enum QueryFormat {\n Timeseries,\n Table,\n Logs,\n Trace,\n OptionMulti,\n}\n\nexport enum EditorMode {\n Builder = 'builder',\n Code = 'code',\n}\n\nexport interface SQLQuery extends DataQuery {\n alias?: string;\n format?: QueryFormat;\n rawSql?: string;\n dataset?: string; // When catalog is present, dataset represents the schema. Otherwise, it's the dataset.\n catalog?: string;\n table?: string;\n sql?: SQLExpression;\n editorMode?: EditorMode;\n rawQuery?: boolean;\n}\n\nexport interface NameValue {\n name: string;\n value: string;\n}\n\nexport type SQLFilters = NameValue[];\n\nexport interface SQLExpression {\n columns?: QueryEditorFunctionExpression[];\n whereJsonTree?: JsonTree;\n whereString?: string;\n filters?: SQLFilters;\n groupBy?: QueryEditorGroupByExpression[];\n orderBy?: QueryEditorPropertyExpression;\n orderByDirection?: 'ASC' | 'DESC';\n limit?: number;\n offset?: number;\n}\n\nexport interface TableSchema {\n name?: string;\n schema?: TableFieldSchema[];\n}\n\nexport interface TableFieldSchema {\n name: string;\n description?: string;\n type: string;\n repeated: boolean;\n schema: TableFieldSchema[];\n}\n\nexport interface QueryRowFilter {\n filter: boolean;\n group: boolean;\n order: boolean;\n preview: boolean;\n}\n\nexport const QUERY_FORMAT_OPTIONS = [\n { label: 'Time series', value: QueryFormat.Timeseries },\n { label: 'Table', value: QueryFormat.Table },\n];\n\nconst backWardToOption = (value: string) => ({ label: value, value });\n\nexport const toOption = toOptionFromData ?? backWardToOption;\n\nexport interface ResourceSelectorProps {\n disabled?: boolean;\n className?: string;\n applyDefault?: boolean;\n}\n// React Awesome Query builder field types.\n// These are responsible for rendering the correct UI for the field.\nexport type RAQBFieldTypes = 'text' | 'number' | 'boolean' | 'datetime' | 'date' | 'time';\n\nexport interface SQLSelectableValue extends SelectableValue {\n type?: string;\n raqbFieldType?: RAQBFieldTypes;\n}\n\nexport interface Aggregate {\n id: string;\n name: string;\n description?: string;\n}\n\nexport interface DB {\n init?: (datasourceId?: string) => Promise;\n datasets: (catalog?: string) => Promise; // When catalog is provided, returns schemas for that catalog\n catalogs?: () => Promise;\n tables: (dataset?: string, catalog?: string, schema?: string) => Promise;\n fields: (query: SQLQuery, order?: boolean) => Promise;\n validateQuery: (query: SQLQuery, range?: TimeRange) => Promise;\n dsID: () => number;\n dispose?: (dsID?: string) => void;\n lookup: (path?: string) => Promise>;\n getSqlCompletionProvider: () => LanguageCompletionProvider;\n toRawSql?: (query: SQLQuery) => string;\n functions: () => Promise;\n labels?: Map<'dataset', string>;\n disableDatasets?: boolean;\n disableCatalogs?: boolean;\n}\n\nexport interface QueryEditorProps {\n db: DB;\n query: QueryWithDefaults;\n onChange: (query: SQLQuery) => void;\n range?: TimeRange;\n}\n\nexport interface ValidationResults {\n query: SQLQuery;\n rawSql?: string;\n error: string;\n isError: boolean;\n isValid: boolean;\n statistics?: {\n TotalBytesProcessed: number;\n } | null;\n}\n\nexport interface SqlQueryModel {\n interpolate: () => string;\n quoteLiteral: (v: string) => string;\n}\n\nexport interface ResponseParser {\n transformMetricFindResponse: (frame: DataFrame) => MetricFindValue[];\n}\n\nexport interface MetaDefinition {\n name: string;\n completion?: string;\n kind: CompletionItemKind;\n}\n\n/**\n * Represents a query with all default values applied.\n * This is equivalent to SQLQuery since applyQueryDefaults returns SQLQuery.\n */\nexport type QueryWithDefaults = SQLQuery;\n","import { isEmpty } from 'lodash';\n\nimport {\n QueryEditorExpressionType,\n type QueryEditorFunctionExpression,\n type QueryEditorGroupByExpression,\n type QueryEditorPropertyExpression,\n QueryEditorPropertyType,\n} from '../expressions';\nimport { type SQLQuery, type SQLExpression, type DB } from '../types';\n\nexport function getRawSqlFn(db: DB) {\n return db.toRawSql ? db.toRawSql : (query: SQLQuery) => toRawSql(query, Boolean(db.disableDatasets));\n}\n\n/**\n * Converts a SQLQuery object into a raw SQL string.\n *\n * Table reference naming:\n * - When catalog is present: catalog.dataset.table (dataset acts as schema)\n * - When catalog is absent: dataset.table (dataset acts as dataset/schema)\n * - When both are disabled: just table\n *\n * Note: Semantically, the dataset field has dual meaning:\n * - With catalog: dataset = schema (Unity Catalog: catalog.schema.table)\n * - Without catalog: dataset = dataset (Legacy: dataset.table)\n */\nexport function toRawSql({ sql, dataset, catalog, table }: SQLQuery, disableDatasets: boolean): string {\n let rawQuery = '';\n\n if (!sql || !haveColumns(sql.columns)) {\n return rawQuery;\n }\n\n rawQuery += createSelectClause(sql.columns);\n\n // Three-part naming: catalog.dataset.table (dataset acts as schema when catalog is present)\n if (catalog && dataset && table) {\n rawQuery += `FROM ${catalog}.${dataset}.${table} `;\n }\n // Two-part naming: dataset.table (legacy style, only if catalogs not used)\n else if (!disableDatasets && dataset && table) {\n rawQuery += `FROM ${dataset}.${table} `;\n }\n // Just table name (when datasets are disabled or neither catalog nor dataset is present)\n else if (table) {\n rawQuery += `FROM ${table} `;\n }\n\n if (sql.whereString) {\n rawQuery += `WHERE ${sql.whereString} `;\n }\n\n if (sql.groupBy?.[0]?.property.name) {\n const groupBy = sql.groupBy.map((g) => g.property.name).filter((g) => !isEmpty(g));\n rawQuery += `GROUP BY ${groupBy.join(', ')} `;\n }\n\n if (sql.orderBy?.property.name) {\n rawQuery += `ORDER BY ${sql.orderBy.property.name} `;\n }\n\n if (sql.orderBy?.property.name && sql.orderByDirection) {\n rawQuery += `${sql.orderByDirection} `;\n }\n\n if (sql.limit !== undefined && sql.limit >= 0) {\n rawQuery += `LIMIT ${sql.limit} `;\n }\n\n return rawQuery;\n}\n\nfunction createSelectClause(sqlColumns: NonNullable): string {\n const columns = sqlColumns.map((c) => {\n let rawColumn = '';\n if (c.name) {\n rawColumn += `${c.name}(${c.parameters?.map((p) => `${p.name}`)})`;\n } else {\n rawColumn += `${c.parameters?.map((p) => `${p.name}`)}`;\n }\n return rawColumn;\n });\n return `SELECT ${columns.join(', ')} `;\n}\n\nexport function haveColumns(columns: SQLExpression['columns']): columns is NonNullable {\n if (!columns) {\n return false;\n }\n\n const haveColumn = columns.some((c) => c.parameters?.length || c.parameters?.some((p) => p.name));\n const haveFunction = columns.some((c) => c.name);\n return haveColumn || haveFunction;\n}\n\n/**\n * Creates a GroupByExpression for a specified field\n */\nexport function setGroupByField(field?: string): QueryEditorGroupByExpression {\n return {\n type: QueryEditorExpressionType.GroupBy,\n property: {\n type: QueryEditorPropertyType.String,\n name: field,\n },\n };\n}\n\n/**\n * Creates a PropertyExpression for a specified field\n */\nexport function setPropertyField(field?: string): QueryEditorPropertyExpression {\n return {\n type: QueryEditorExpressionType.Property,\n property: {\n type: QueryEditorPropertyType.String,\n name: field,\n },\n };\n}\n\nexport function createFunctionField(functionName?: string): QueryEditorFunctionExpression {\n return {\n type: QueryEditorExpressionType.Function,\n name: functionName,\n parameters: [],\n };\n}\n","import React from 'react';\nimport { Stack } from '@grafana/ui';\nimport { type ThemeSpacingTokens } from '@grafana/data';\n\nexport type Direction = 'row' | 'row-reverse' | 'column' | 'column-reverse';\nexport type AlignItems =\n | 'stretch'\n | 'flex-start'\n | 'flex-end'\n | 'center'\n | 'baseline'\n | 'start'\n | 'end'\n | 'self-start'\n | 'self-end';\n\ninterface StackProps {\n children?: React.ReactNode;\n direction?: Direction;\n alignItems?: AlignItems;\n wrap?: boolean;\n gap?: ThemeSpacingTokens;\n}\n\nexport const EditorStack = ({ children, wrap: wrapItems = true, ...props }: StackProps) => {\n return (\n \n {children}\n \n );\n};\n","import React, { type ReactElement, type Ref, forwardRef } from 'react';\nimport { Button } from '@grafana/ui';\n\nimport { EditorStack } from './EditorStack';\n\ninterface EditorListProps {\n items: Array>;\n renderItem: (item: Partial, onChangeItem: (item: Partial) => void, onDeleteItem: () => void) => ReactElement;\n onChange: (items: Array>) => void;\n}\n\nexport const EditorList = forwardRef(function EditorList(\n { items, renderItem, onChange }: EditorListProps,\n ref: Ref\n) {\n const onAddItem = () => {\n const newItems = [...items, {}];\n\n onChange(newItems);\n };\n\n const onChangeItem = (itemIndex: number, newItem: Partial) => {\n const newItems = [...items];\n newItems[itemIndex] = newItem;\n onChange(newItems);\n };\n\n const onDeleteItem = (itemIndex: number) => {\n const newItems = [...items];\n newItems.splice(itemIndex, 1);\n onChange(newItems);\n };\n return (\n \n {items.map((item, index) => (\n
\n {renderItem(\n item,\n (newItem) => onChangeItem(index, newItem),\n () => onDeleteItem(index)\n )}\n
\n ))}\n \n \n \n \n );\n};\n\nfunction uniqueId(): string {\n return Math.random().toString(16).slice(2);\n}\n","import React from 'react';\nimport { css } from '@emotion/css';\nimport { type AuthMethod, type AuthMethodSelectOption, type CustomMethod, type CustomMethodId } from './types';\nimport { AuthMethodSettings } from './auth-method/AuthMethodSettings';\nimport { TLSSettings, type Props as TLSSettingsProps } from './tls/TLSSettings';\nimport { type Props as BasicAuthProps } from './auth-method/BasicAuth';\nimport { CustomHeaders, type Props as CustomHeadersProps } from './custom-headers/CustomHeaders';\nimport { ConfigSection } from '../ConfigSection';\n\nexport type Props = {\n selectedMethod: AuthMethod | CustomMethodId;\n mostCommonMethod?: AuthMethod | CustomMethodId;\n visibleMethods?: Array;\n defaultOptionsOverrides?: Partial>;\n customMethods?: CustomMethod[];\n onAuthMethodSelect: (authType: AuthMethod | CustomMethodId) => void;\n basicAuth?: Omit;\n TLS?: Omit;\n customHeaders?: Omit;\n readOnly?: boolean;\n};\n\nexport const Auth = ({\n selectedMethod,\n mostCommonMethod,\n visibleMethods,\n defaultOptionsOverrides,\n customMethods,\n onAuthMethodSelect,\n basicAuth,\n TLS,\n customHeaders,\n readOnly = false,\n}: Props) => {\n const styles = {\n container: css({\n maxWidth: 578,\n }),\n };\n\n return (\n
\n \n \n {TLS && }\n {customHeaders && }\n \n
\n );\n};\n","import { type Props as AuthProps } from './Auth';\nimport { AuthMethod, type Header, type CustomMethodId } from './types';\nimport { type Config, type OnChangeHandler } from '../types';\n\nconst headerNamePrefix = 'httpHeaderName';\nconst headerValuePrefix = 'httpHeaderValue';\n\nexport function convertLegacyAuthProps({\n config,\n onChange,\n}: {\n config: C;\n onChange: OnChangeHandler;\n}): AuthProps {\n const props: AuthProps = {\n selectedMethod: getSelectedMethod(config),\n onAuthMethodSelect: getOnAuthMethodSelectHandler(config, onChange),\n basicAuth: getBasicAuthProps(config, onChange),\n TLS: getTLSProps(config, onChange),\n customHeaders: getCustomHeaders(config, onChange),\n readOnly: config.readOnly,\n };\n\n return props;\n}\n\nexport function getSelectedMethod(config: C): AuthMethod {\n if (config.basicAuth) {\n return AuthMethod.BasicAuth;\n }\n if (config.withCredentials) {\n return AuthMethod.CrossSiteCredentials;\n }\n if (config.jsonData.oauthPassThru) {\n return AuthMethod.OAuthForward;\n }\n return AuthMethod.NoAuth;\n}\n\nexport function getOnAuthMethodSelectHandler(\n config: C,\n onChange: OnChangeHandler\n): (method: AuthMethod | CustomMethodId) => void {\n return (method: AuthMethod | CustomMethodId) => {\n onChange({\n ...config,\n basicAuth: method === AuthMethod.BasicAuth,\n withCredentials: method === AuthMethod.CrossSiteCredentials,\n jsonData: {\n ...config.jsonData,\n oauthPassThru: method === AuthMethod.OAuthForward,\n },\n });\n };\n}\n\nexport function getBasicAuthProps(\n config: C,\n onChange: OnChangeHandler\n): AuthProps['basicAuth'] {\n return {\n user: config.basicAuthUser,\n passwordConfigured: config.secureJsonFields.basicAuthPassword,\n onUserChange: (user: string) => onChange({ ...config, basicAuthUser: user }),\n onPasswordChange: (password: string) =>\n onChange({\n ...config,\n secureJsonData: {\n ...config.secureJsonData,\n basicAuthPassword: password,\n },\n }),\n onPasswordReset: () =>\n onChange({\n ...config,\n secureJsonData: { ...config.secureJsonData, basicAuthPassword: '' },\n secureJsonFields: {\n ...config.secureJsonFields,\n basicAuthPassword: false,\n },\n }),\n };\n}\n\nexport function getTLSProps(config: C, onChange: OnChangeHandler): AuthProps['TLS'] {\n return {\n selfSignedCertificate: {\n enabled: Boolean(config.jsonData.tlsAuthWithCACert),\n certificateConfigured: !!config.secureJsonFields?.tlsCACert,\n onToggle: (enabled) =>\n enabled\n ? onChange({\n ...config,\n jsonData: { ...config.jsonData, tlsAuthWithCACert: enabled },\n })\n : onChange({\n ...config,\n jsonData: { ...config.jsonData, tlsAuthWithCACert: enabled },\n secureJsonData: { ...config.secureJsonData, tlsCACert: '' },\n secureJsonFields: { ...config.secureJsonFields, tlsCACert: false },\n }),\n onCertificateChange: (certificate) =>\n onChange({\n ...config,\n secureJsonData: { ...config.secureJsonData, tlsCACert: certificate },\n }),\n onCertificateReset: () =>\n onChange({\n ...config,\n secureJsonData: { ...config.secureJsonData, tlsCACert: '' },\n secureJsonFields: { ...config.secureJsonFields, tlsCACert: false },\n }),\n },\n TLSClientAuth: {\n enabled: config.jsonData.tlsAuth,\n serverName: config.jsonData.serverName,\n clientCertificateConfigured: !!config.secureJsonFields?.tlsClientCert,\n clientKeyConfigured: !!config.secureJsonFields?.tlsClientKey,\n onToggle: (enabled) =>\n enabled\n ? onChange({\n ...config,\n jsonData: { ...config.jsonData, tlsAuth: enabled },\n })\n : onChange({\n ...config,\n jsonData: { ...config.jsonData, tlsAuth: enabled, serverName: '' },\n secureJsonData: { ...config.secureJsonData, tlsClientCert: '', tlsClientKey: '' },\n secureJsonFields: { ...config.secureJsonFields, tlsClientCert: false, tlsClientKey: false },\n }),\n onServerNameChange: (serverName) =>\n onChange({\n ...config,\n jsonData: { ...config.jsonData, serverName },\n }),\n onClientCertificateChange: (clientCertificate) =>\n onChange({\n ...config,\n secureJsonData: {\n ...config.secureJsonData,\n tlsClientCert: clientCertificate,\n },\n }),\n onClientCertificateReset: () =>\n onChange({\n ...config,\n secureJsonData: {\n ...config.secureJsonData,\n tlsClientCert: '',\n },\n secureJsonFields: {\n ...config.secureJsonFields,\n tlsClientCert: false,\n },\n }),\n onClientKeyChange: (clientKey) =>\n onChange({\n ...config,\n secureJsonData: {\n ...config.secureJsonData,\n tlsClientKey: clientKey,\n },\n }),\n onClientKeyReset: () =>\n onChange({\n ...config,\n secureJsonData: {\n ...config.secureJsonData,\n tlsClientKey: '',\n },\n secureJsonFields: {\n ...config.secureJsonFields,\n tlsClientKey: false,\n },\n }),\n },\n skipTLSVerification: {\n enabled: config.jsonData.tlsSkipVerify,\n onToggle: (enabled) =>\n onChange({\n ...config,\n jsonData: { ...config.jsonData, tlsSkipVerify: enabled },\n }),\n },\n };\n}\n\nexport function getCustomHeaders(\n config: C,\n onChange: OnChangeHandler\n): AuthProps['customHeaders'] {\n const headers: Header[] = Object.keys(config.jsonData)\n .filter((key) => key.startsWith(headerNamePrefix))\n .sort()\n .map((key) => {\n const index = key.slice(headerNamePrefix.length);\n return {\n name: config.jsonData[key],\n configured: config.secureJsonFields[`${headerValuePrefix}${index}`] ?? false,\n };\n });\n\n return {\n headers,\n onChange: (headers) => {\n const newJsonData = Object.fromEntries(\n Object.entries(config.jsonData).filter(([key]) => !key.startsWith(headerNamePrefix))\n );\n const newSecureJsonData = Object.fromEntries(\n Object.entries(config.secureJsonData || {}).filter(([key]) => !key.startsWith(headerValuePrefix))\n );\n const newSecureJsonFields = Object.fromEntries(\n Object.entries(config.secureJsonFields).filter(([key]) => !key.startsWith(headerValuePrefix))\n );\n\n headers.forEach((header, index) => {\n newJsonData[`${headerNamePrefix}${index + 1}`] = header.name;\n if (header.configured) {\n newSecureJsonFields[`${headerValuePrefix}${index + 1}`] = true;\n } else {\n newSecureJsonData[`${headerValuePrefix}${index + 1}`] = header.value;\n }\n });\n\n onChange({\n ...config,\n jsonData: newJsonData,\n secureJsonData: newSecureJsonData,\n secureJsonFields: newSecureJsonFields,\n });\n },\n };\n}\n","import React, { type ReactNode } from 'react';\nimport { css, cx } from '@emotion/css';\nimport { InlineField, Input, type PopoverContent } from '@grafana/ui';\nimport { ConfigSection } from '../ConfigSection';\nimport { type Config, type OnChangeHandler } from '../types';\n\nexport type Props = {\n config: C;\n onChange: OnChangeHandler;\n description?: ReactNode;\n urlPlaceholder?: string;\n urlTooltip?: PopoverContent;\n urlLabel?: string;\n className?: string;\n};\n\nexport const ConnectionSettings: (props: Props) => JSX.Element = ({\n config,\n onChange,\n description,\n urlPlaceholder,\n urlTooltip,\n urlLabel,\n className,\n}) => {\n const isValidUrl =\n config.url !== undefined &&\n /^(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?$/.test(config.url);\n\n const styles = {\n container: css({\n maxWidth: 578,\n }),\n };\n\n return (\n <>\n \n \n Specify a complete HTTP URL\n
\n (for example https://example.com:8080)\n \n )\n }\n grow\n disabled={config.readOnly}\n required\n invalid={!isValidUrl && !config.readOnly}\n error={isValidUrl ? '' : 'Please enter a valid URL'}\n interactive\n >\n \n onChange({\n ...config,\n url: event.currentTarget.value,\n })\n }\n value={config.url || ''}\n placeholder={urlPlaceholder || 'URL'}\n />\n \n \n \n );\n};\n","import React from 'react';\nimport { css, cx } from '@emotion/css';\nimport { InlineField, Input, TagsInput } from '@grafana/ui';\nimport { ConfigSubSection } from '../ConfigSection';\nimport { type Config, type OnChangeHandler } from '../types';\n\nexport type Props = {\n config: C;\n onChange: OnChangeHandler;\n className?: string;\n};\n\nexport const AdvancedHttpSettings: (props: Props) => JSX.Element = ({\n config,\n onChange,\n className,\n}) => {\n const onCookiesChange = (cookies: string[]) => {\n onChange({\n ...config,\n jsonData: {\n ...config.jsonData,\n keepCookies: cookies,\n },\n });\n };\n\n const onTimeoutChange = (event: React.FormEvent) => {\n onChange({\n ...config,\n jsonData: {\n ...config.jsonData,\n timeout: parseInt(event.currentTarget.value, 10),\n },\n });\n };\n\n const styles = {\n container: css({\n maxWidth: 578,\n }),\n };\n\n return (\n \n \n \n \n\n \n \n \n \n );\n};\n","/**\n * CEL (Common Expression Language) expression evaluator for schema conditions.\n *\n * Used by `dependsOn`, `requiredWhen`, `disabledWhen`, and `overrides[].when`.\n * Wraps @marcbachmann/cel-js with field-ID-aware context building.\n *\n * Go equivalent: github.com/google/cel-go\n */\n\nimport { evaluate as celEvaluate, parse as celParse } from '@marcbachmann/cel-js';\n\n// ============================================================\n// Expression cache — parse once, evaluate many times\n// ============================================================\n\ntype CompiledExpr = (ctx: Record) => unknown;\nconst exprCache = new Map();\n\nfunction getCompiled(expr: string): CompiledExpr | null {\n if (exprCache.has(expr)) {\n return exprCache.get(expr)!;\n }\n try {\n const compiled = celParse(expr);\n exprCache.set(expr, compiled);\n return compiled;\n } catch {\n exprCache.set(expr, null);\n return null;\n }\n}\n\n// ============================================================\n// Context builder — flat field values → nested object for CEL\n// ============================================================\n\n/**\n * Build a nested context object from flat form values keyed by field IDs.\n *\n * CEL interprets dots as property access, so `jsonData.auth_method == 'oauth2'`\n * requires `{ jsonData: { auth_method: 'oauth2' } }`.\n *\n * This function takes flat key-value pairs (from react-hook-form `watch()`)\n * and builds the nested structure CEL expects.\n *\n * @param values - Flat map of form keys to values (e.g. `{ \"auth_method\": \"oauth2\", \"oauth2.oauth2_type\": \"jwt\" }`)\n * @param fieldIdToFormKey - Optional map from field ID to form key for translation\n */\nexport function buildCelContext(values: Record): Record {\n const ctx: Record = {};\n\n for (const [key, value] of Object.entries(values)) {\n setNestedValue(ctx, key, value);\n }\n\n return ctx;\n}\n\nfunction setNestedValue(obj: Record, path: string, value: unknown): void {\n const parts = path.split('.');\n let current = obj;\n for (let i = 0; i < parts.length - 1; i++) {\n const part = parts[i];\n if (!(part in current) || typeof current[part] !== 'object' || current[part] === null) {\n current[part] = {};\n }\n current = current[part] as Record;\n }\n current[parts[parts.length - 1]] = value;\n}\n\n// ============================================================\n// Public API\n// ============================================================\n\n/**\n * Evaluate a CEL expression against a context of field values.\n * Returns the boolean result, or `defaultValue` if the expression is invalid.\n *\n * @example\n * ```ts\n * evaluateCelExpression(\"jsonData.auth_method == 'oauth2'\", { jsonData: { auth_method: 'oauth2' } })\n * // => true\n *\n * evaluateCelExpression(\"auth_method == 'oauth2' && oauth2_type == 'jwt'\", { auth_method: 'oauth2', oauth2_type: 'jwt' })\n * // => true\n * ```\n */\nexport function evaluateCelExpression(expr: string, context: Record, defaultValue = false): boolean {\n if (!expr || !expr.trim()) {\n return defaultValue;\n }\n\n const compiled = getCompiled(expr);\n if (!compiled) {\n return defaultValue;\n }\n\n try {\n const result = compiled(context);\n return !!result;\n } catch {\n return defaultValue;\n }\n}\n\n/**\n * Evaluate a CEL expression directly using `evaluate` (no caching).\n * Useful for one-off evaluations or testing.\n */\nexport function evaluateCelDirect(expr: string, context: Record): unknown {\n return celEvaluate(expr, context);\n}\n\n/**\n * Validate that a CEL expression can be parsed without errors.\n * Returns true if valid, false otherwise.\n */\nexport function isValidCelExpression(expr: string): boolean {\n try {\n celParse(expr);\n return true;\n } catch {\n return false;\n }\n}\n\n/**\n * Extract all field ID references from a simple expression.\n * Used by `resolveRequiredFieldsGroup` to find dependency relationships.\n *\n * For simple expressions like `fieldA == 'x'`, returns `['fieldA']`.\n * For compound expressions like `fieldA == 'x' && fieldB == 'y'`, returns `['fieldA', 'fieldB']`.\n *\n * This uses regex extraction (not AST walking) for simplicity and speed.\n */\nexport function extractFieldRefs(expr: string): string[] {\n // Match identifiers (possibly dotted) that precede == or !=\n const matches = expr.matchAll(/([\\w.]+)\\s*(?:==|!=)/g);\n const refs = new Set();\n for (const m of matches) {\n refs.add(m[1]);\n }\n return [...refs];\n}\n\n/**\n * Clear the expression cache. Useful for testing.\n */\nexport function clearExpressionCache(): void {\n exprCache.clear();\n}\n","/**\n * Pure helper functions for working with DatasourceConfigSchema.\n *\n * Types are defined in schema.ts — import them from there directly.\n */\n\nimport { extractFieldRefs } from './cel';\nimport type { DatasourceConfigSchema, ConfigField, ConfigGroup, FieldOverride } from '../../../schema';\n\n/** A group paired with its resolved ConfigField objects (in fieldRefs order). */\nexport type ResolvedGroup = { group: ConfigGroup; fields: ConfigField[] };\n\n/**\n * Group ids that denote the authentication section. Registry schemas use the\n * full form `authentication`; `auth` is accepted for backwards compatibility\n * with older/short-form schemas.\n */\nexport const AUTH_GROUP_IDS: readonly string[] = ['authentication', 'auth'];\n\n/** Whether a group id denotes the authentication group. */\nexport function isAuthGroupId(id: string): boolean {\n return AUTH_GROUP_IDS.includes(id);\n}\n\n/**\n * Resolve a schema's groups into arrays of ConfigField objects.\n * If the schema has no groups, returns a single group containing all non-virtual fields.\n */\nexport function resolveGroups(schema: DatasourceConfigSchema): ResolvedGroup[] {\n const fieldMap = new Map();\n for (const f of schema.fields) {\n fieldMap.set(f.id, f);\n }\n\n if (schema.groups && schema.groups.length > 0) {\n return schema.groups\n .slice()\n .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\n .map((g) => ({\n group: g,\n fields: g.fieldRefs.map((ref) => fieldMap.get(ref)).filter((f): f is ConfigField => f != null),\n }));\n }\n\n // No groups: single step with all storage fields\n const allFields = schema.fields.filter((f) => f.kind !== 'virtual' && !f.isItemField);\n return [\n {\n group: { id: 'default', title: 'Configuration', fieldRefs: allFields.map((f) => f.id) },\n fields: allFields,\n },\n ];\n}\n\n/**\n * Build a virtual \"Required\" group containing all required fields, any parent\n * fields they depend on (via `dependsOn`), and any child fields that depend on\n * required fields. When the schema contains an authentication group (id\n * `authentication` or `auth`), its fields are also pulled in (auth is\n * effectively required for Prometheus/Loki/Tempo style datasources). Fields\n * are returned in schema order and de-duplicated.\n * Returns `null` when the virtual group would be empty.\n */\nexport function resolveRequiredFieldsGroup(schema: DatasourceConfigSchema): ResolvedGroup | null {\n const fieldMap = new Map();\n for (const f of schema.fields) {\n fieldMap.set(f.id, f);\n }\n\n const requiredIds = new Set();\n for (const f of schema.fields) {\n if (f.required || f.tags?.includes('pinned')) {\n requiredIds.add(f.id);\n }\n }\n\n // Include all fields from the authentication group as effectively required\n const authGroup = schema.groups?.find((g) => isAuthGroupId(g.id));\n if (authGroup) {\n for (const ref of authGroup.fieldRefs) {\n if (fieldMap.has(ref)) {\n requiredIds.add(ref);\n }\n }\n }\n\n if (requiredIds.size === 0) {\n return null;\n }\n\n const includeIds = new Set();\n\n // Required fields + parent fields they depend on\n for (const id of requiredIds) {\n includeIds.add(id);\n const f = fieldMap.get(id);\n if (f?.dependsOn) {\n for (const ref of extractFieldRefs(f.dependsOn)) {\n if (fieldMap.has(ref)) {\n includeIds.add(ref);\n }\n }\n }\n }\n\n // Child fields that depend on any required field\n for (const f of schema.fields) {\n if (f.dependsOn && !includeIds.has(f.id)) {\n const refs = extractFieldRefs(f.dependsOn);\n if (refs.some((ref) => requiredIds.has(ref))) {\n includeIds.add(f.id);\n }\n }\n }\n\n const virtualFields = schema.fields.filter((f) => includeIds.has(f.id));\n if (virtualFields.length === 0) {\n return null;\n }\n\n return {\n group: {\n id: '_required',\n title: 'General',\n fieldRefs: virtualFields.map((f) => f.id),\n },\n fields: virtualFields,\n };\n}\n\n/**\n * Unique form key for a field. Section-scoped fields (e.g. section:\"logs\", key:\"defaultTable\")\n * get a prefixed key (\"logs.defaultTable\") so they don't collide with top-level fields that\n * share the same key name.\n */\nexport function formKey(field: ConfigField): string {\n return field.section ? `${field.section}.${field.key}` : field.key;\n}\n\n/**\n * Resolve a possibly-dotted key against watchedValues from react-hook-form.\n * RHF's `watch()` returns nested objects for dotted Controller names\n * (e.g. \"logs.otelEnabled\" → { logs: { otelEnabled: true } }),\n * so a flat `obj[\"logs.otelEnabled\"]` lookup misses.\n *\n * For dotted keys we must try the nested path **first**: react-hook-form's\n * Controller `onChange` writes nested objects via its internal `set()`, but\n * `reset()` may have created a flat dotted key with the same name. After user\n * interaction the nested value is authoritative; the stale flat key must not\n * shadow it. This mirrors RHF's own `get()` semantics (nested-first, flat\n * fallback).\n */\nexport function getWatchedValue(watchedValues: Record, key: string): unknown {\n // For dotted keys, prefer the nested path walk.\n if (key.includes('.')) {\n const parts = key.split('.');\n let current: unknown = watchedValues;\n for (const part of parts) {\n if (current == null || typeof current !== 'object') {\n // Nested path doesn't exist — fall back to flat key\n return watchedValues[key];\n }\n current = (current as Record)[part];\n }\n if (current !== undefined) {\n return current;\n }\n // Nested walk yielded undefined — try flat key as fallback\n return watchedValues[key];\n }\n // Non-dotted key: direct property access\n return watchedValues[key];\n}\n\n/**\n * Parse a simple CEL-like dependsOn expression: \"fieldId == 'value'\" or \"fieldId != 'value'\".\n * Only single comparisons are supported — no &&, ||, or parentheses.\n * Field IDs may contain dots and underscores (e.g. \"jsonData.oauth2.oauth2_type\").\n * Values may be single-quoted, double-quoted, or unquoted literals (true/false/numbers).\n * Returns { field, value, negate } or null if unparseable.\n */\nexport function parseDependsOn(expr: string): { field: string; value: string; negate: boolean } | null {\n // Match: fieldRef == 'value' | fieldRef == \"value\" | fieldRef == literal\n // Field ref: word chars and dots, no parens/operators.\n // Unquoted values: non-whitespace, no quotes, no logical operators.\n const m = expr.match(/^([\\w.]+)\\s*(==|!=)\\s*(?:'([^']*)'|\"([^\"]*)\"|(\\S+))$/);\n if (!m) {\n return null;\n }\n return { field: m[1], value: (m[3] ?? m[4] ?? m[5]).trim(), negate: m[2] === '!=' };\n}\n\n/**\n * Evaluate a parsed dependsOn condition against a value.\n * Handles both == and != operators.\n */\nexport function evaluateDependsOn(parsed: { value: string; negate: boolean }, currentValue: unknown): boolean {\n const matches = String(currentValue ?? '') === parsed.value;\n return parsed.negate ? !matches : matches;\n}\n\n/**\n * Resolve the first matching override for a field given current form values.\n * Override `when` uses the same \"fieldId == 'value'\" syntax as dependsOn.\n * Returns the matching override or undefined if none match.\n */\nexport function resolveActiveOverride(\n field: ConfigField,\n watchedValues: Record,\n fieldById: Map\n): FieldOverride | undefined {\n if (!field.overrides || field.overrides.length === 0) {\n return undefined;\n }\n for (const ov of field.overrides) {\n const parsed = parseDependsOn(ov.when);\n if (!parsed) {\n continue;\n }\n const depField = fieldById.get(parsed.field);\n const depKey = depField ? formKey(depField) : parsed.field;\n if (evaluateDependsOn(parsed, getWatchedValue(watchedValues, depKey))) {\n return ov;\n }\n }\n return undefined;\n}\n\n/**\n * Resolve a field reference like \"root.basicAuth\" or \"jsonData.oauthPassThru\"\n * to its current value from a flat form values map, using the schema's field definitions.\n */\nfunction resolveFieldValue(ref: string, values: Record, fields: ConfigField[]): unknown {\n // Try direct match on formKey first\n if (ref in values) {\n return values[ref];\n }\n // Try matching by field ID → formKey\n const field = fields.find((f) => f.id === ref);\n if (field) {\n const fk = formKey(field);\n if (fk in values) {\n return values[fk];\n }\n }\n return undefined;\n}\n\n/**\n * Evaluate a simple computed.read expression against form values.\n * Supports patterns used in dsconfig schemas:\n * - \"fieldRef == true ? 'a' : (fieldRef == true ? 'b' : 'c')\"\n * - Simple ternary chains with equality checks\n * Falls back to the field's defaultValue if the expression can't be evaluated.\n */\nexport function evaluateComputedRead(expr: string, values: Record, fields: ConfigField[]): unknown {\n // Recursively evaluate ternary: condition ? trueVal : falseVal\n function evalExpr(s: string): unknown {\n s = s.trim();\n\n // Strip outer parens\n if (s.startsWith('(') && findMatchingParen(s, 0) === s.length - 1) {\n s = s.slice(1, -1).trim();\n }\n\n // Ternary: find top-level \"?\"\n const qIdx = findTopLevel(s, '?');\n if (qIdx !== -1) {\n const condition = s.slice(0, qIdx).trim();\n const rest = s.slice(qIdx + 1);\n const cIdx = findTopLevel(rest, ':');\n if (cIdx !== -1) {\n const trueExpr = rest.slice(0, cIdx).trim();\n const falseExpr = rest.slice(cIdx + 1).trim();\n return evalCondition(condition) ? evalExpr(trueExpr) : evalExpr(falseExpr);\n }\n }\n\n // String literal\n const strMatch = s.match(/^'([^']*)'$/) ?? s.match(/^\"([^\"]*)\"$/);\n if (strMatch) {\n return strMatch[1];\n }\n // Boolean/number literals\n if (s === 'true') {\n return true;\n }\n if (s === 'false') {\n return false;\n }\n if (/^-?\\d+(\\.\\d+)?$/.test(s)) {\n return Number(s);\n }\n\n // Field reference\n return resolveFieldValue(s, values, fields);\n }\n\n function evalCondition(cond: string): boolean {\n // \"ref == value\" or \"ref != value\"\n const eqMatch = cond.match(/^(.+?)\\s*(==|!=)\\s*(.+)$/);\n if (eqMatch) {\n const left = evalExpr(eqMatch[1]);\n const right = evalExpr(eqMatch[3]);\n const eq = String(left) === String(right);\n return eqMatch[2] === '==' ? eq : !eq;\n }\n // Truthy check\n return !!evalExpr(cond);\n }\n\n function findMatchingParen(s: string, start: number): number {\n let depth = 0;\n for (let i = start; i < s.length; i++) {\n if (s[i] === '(') {\n depth++;\n } else if (s[i] === ')') {\n depth--;\n if (depth === 0) {\n return i;\n }\n }\n }\n return -1;\n }\n\n function findTopLevel(s: string, char: string): number {\n let depth = 0;\n let inStr: string | null = null;\n for (let i = 0; i < s.length; i++) {\n const c = s[i];\n if (inStr) {\n if (c === inStr) {\n inStr = null;\n }\n continue;\n }\n if (c === \"'\" || c === '\"') {\n inStr = c;\n continue;\n }\n if (c === '(') {\n depth++;\n continue;\n }\n if (c === ')') {\n depth--;\n continue;\n }\n if (depth === 0 && c === char) {\n return i;\n }\n }\n return -1;\n }\n\n try {\n return evalExpr(expr);\n } catch {\n return undefined;\n }\n}\n\n/**\n * Compute initial values for all virtual fields that have storage.computed.read expressions.\n * Call after loading existing storage field values.\n */\nexport function computeVirtualFieldValues(\n schema: DatasourceConfigSchema,\n existingValues: Record\n): Record {\n const virtualValues: Record = {};\n for (const field of schema.fields) {\n if (field.kind !== 'virtual') {\n continue;\n }\n const fk = formKey(field);\n if (field.storage?.type === 'computed' && field.storage.read) {\n const val = evaluateComputedRead(field.storage.read, existingValues, schema.fields);\n if (val !== undefined) {\n virtualValues[fk] = val;\n } else if (field.defaultValue !== undefined) {\n virtualValues[fk] = field.defaultValue;\n }\n } else if (field.defaultValue !== undefined) {\n virtualValues[fk] = field.defaultValue;\n }\n }\n return virtualValues;\n}\n","import React from 'react';\n\nvar isCheckBoxInput = (element) => element.type === 'checkbox';\n\nvar isDateObject = (value) => value instanceof Date;\n\nvar isNullOrUndefined = (value) => value == null;\n\nconst isObjectType = (value) => typeof value === 'object';\nvar isObject = (value) => !isNullOrUndefined(value) &&\n !Array.isArray(value) &&\n isObjectType(value) &&\n !isDateObject(value);\n\nvar getEventValue = (event) => isObject(event) && event.target\n ? isCheckBoxInput(event.target)\n ? event.target.checked\n : event.target.value\n : event;\n\nvar isNameInFieldArray = (names, name) => name\n .split('.')\n .some((part, index, arr) => !isNaN(Number(part)) && names.has(arr.slice(0, index).join('.')));\n\nvar isPlainObject = (tempObject) => {\n const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;\n return (isObject(prototypeCopy) && prototypeCopy.hasOwnProperty('isPrototypeOf'));\n};\n\nvar isWeb = typeof window !== 'undefined' &&\n typeof window.HTMLElement !== 'undefined' &&\n typeof document !== 'undefined';\n\nfunction cloneObject(data) {\n if (data instanceof Date) {\n return new Date(data);\n }\n const isFileListInstance = typeof FileList !== 'undefined' && data instanceof FileList;\n if (isWeb && (data instanceof Blob || isFileListInstance)) {\n return data;\n }\n const isArray = Array.isArray(data);\n if (!isArray && !(isObject(data) && isPlainObject(data))) {\n return data;\n }\n const copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));\n for (const key in data) {\n if (Object.prototype.hasOwnProperty.call(data, key)) {\n copy[key] = cloneObject(data[key]);\n }\n }\n return copy;\n}\n\nconst EVENTS = {\n BLUR: 'blur',\n FOCUS_OUT: 'focusout',\n CHANGE: 'change',\n SUBMIT: 'submit',\n TRIGGER: 'trigger',\n VALID: 'valid',\n};\nconst VALIDATION_MODE = {\n onBlur: 'onBlur',\n onChange: 'onChange',\n onSubmit: 'onSubmit',\n onTouched: 'onTouched',\n all: 'all',\n};\nconst INPUT_VALIDATION_RULES = {\n max: 'max',\n min: 'min',\n maxLength: 'maxLength',\n minLength: 'minLength',\n pattern: 'pattern',\n required: 'required',\n validate: 'validate',\n};\nconst ROOT_ERROR_TYPE = 'root';\nconst PROTOTYPE_KEYWORDS = ['__proto__', 'constructor', 'prototype'];\n\nconst IS_KEY_RE = /^\\w*$/;\nvar isKey = (value) => IS_KEY_RE.test(value);\n\nvar isUndefined = (val) => val === undefined;\n\nconst FIELD_PATH_RE = /[.[\\]'\"]/;\nvar stringToPath = (input) => input.split(FIELD_PATH_RE).filter(Boolean);\n\nvar get = (object, path, defaultValue) => {\n if (!path || !isObject(object)) {\n return defaultValue;\n }\n const paths = isKey(path) ? [path] : stringToPath(path);\n if (paths.some((key) => PROTOTYPE_KEYWORDS.includes(key))) {\n return defaultValue;\n }\n const result = paths.reduce((result, key) => {\n return isNullOrUndefined(result) ? undefined : result[key];\n }, object);\n return isUndefined(result) || result === object\n ? isUndefined(object[path])\n ? defaultValue\n : object[path]\n : result;\n};\n\nvar isBoolean = (value) => typeof value === 'boolean';\n\nvar isFunction = (value) => typeof value === 'function';\n\nvar set = (object, path, value) => {\n let index = -1;\n const tempPath = isKey(path) ? [path] : stringToPath(path);\n const length = tempPath.length;\n const lastIndex = length - 1;\n while (++index < length) {\n const key = tempPath[index];\n let newValue = value;\n if (index !== lastIndex) {\n const objValue = object[key];\n newValue =\n isObject(objValue) || Array.isArray(objValue)\n ? objValue\n : !isNaN(+tempPath[index + 1])\n ? []\n : {};\n }\n if (PROTOTYPE_KEYWORDS.includes(key)) {\n return;\n }\n object[key] = newValue;\n object = object[key];\n }\n};\n\n/**\n * Separate context for `control` to prevent unnecessary rerenders.\n * Internal hooks that only need control use this instead of full form context.\n */\nconst HookFormControlContext = React.createContext(null);\nHookFormControlContext.displayName = 'HookFormControlContext';\n/**\n * @internal Internal hook to access only control from context.\n */\nconst useFormControlContext = () => React.useContext(HookFormControlContext);\n\nvar getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {\n const result = {};\n for (const key in formState) {\n Object.defineProperty(result, key, {\n get: () => {\n const _key = key;\n if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {\n control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;\n }\n localProxyFormState && (localProxyFormState[_key] = true);\n return formState[_key];\n },\n });\n }\n return result;\n};\n\nconst useIsomorphicLayoutEffect = isWeb\n ? React.useLayoutEffect\n : React.useEffect;\n\n/**\n * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformstate) • [Demo](https://codesandbox.io/s/useformstate-75xly)\n *\n * @param props - include options on specify fields to subscribe. {@link UseFormStateReturn}\n *\n * @example\n * ```tsx\n * function App() {\n * const { register, handleSubmit, control } = useForm({\n * defaultValues: {\n * firstName: \"firstName\"\n * }});\n * const { dirtyFields } = useFormState({\n * control\n * });\n * const onSubmit = (data) => console.log(data);\n *\n * return (\n *
\n * \n * {dirtyFields.firstName &&

Field is dirty.

}\n * \n * \n * );\n * }\n * ```\n */\nfunction useFormState(props) {\n const formControl = useFormControlContext();\n const { control = formControl, disabled, name, exact } = props || {};\n const [formState, updateFormState] = React.useState(() => ({\n ...control._formState,\n defaultValues: control._defaultValues,\n }));\n const _localProxyFormState = React.useRef({\n isDirty: false,\n isLoading: false,\n dirtyFields: false,\n touchedFields: false,\n validatingFields: false,\n isValidating: false,\n isValid: false,\n errors: false,\n });\n useIsomorphicLayoutEffect(() => control._subscribe({\n name,\n formState: _localProxyFormState.current,\n exact,\n callback: (formState) => {\n !disabled &&\n updateFormState({\n ...control._formState,\n ...formState,\n defaultValues: control._defaultValues,\n });\n },\n }), [name, disabled, exact]);\n React.useEffect(() => {\n _localProxyFormState.current.isValid && control._setValid(true);\n }, [control]);\n return React.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);\n}\n\nvar isString = (value) => typeof value === 'string';\n\nvar generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {\n if (isString(names)) {\n isGlobal && _names.watch.add(names);\n return get(formValues, names, defaultValue);\n }\n if (Array.isArray(names)) {\n return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName),\n get(formValues, fieldName)));\n }\n isGlobal && (_names.watchAll = true);\n return formValues;\n};\n\nvar isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);\n\nconst isEmptyObjectWithCustomPrototype = (object, keys) => keys.length === 0 && !Array.isArray(object) && !isPlainObject(object);\nfunction deepEqual(object1, object2, visited = new WeakMap()) {\n if (object1 === object2) {\n return true;\n }\n if (isPrimitive(object1) || isPrimitive(object2)) {\n return Object.is(object1, object2);\n }\n if (isDateObject(object1) && isDateObject(object2)) {\n return Object.is(object1.getTime(), object2.getTime());\n }\n const keys1 = Object.keys(object1);\n const keys2 = Object.keys(object2);\n if (keys1.length !== keys2.length) {\n return false;\n }\n if (isEmptyObjectWithCustomPrototype(object1, keys1) ||\n isEmptyObjectWithCustomPrototype(object2, keys2)) {\n return Object.is(object1, object2);\n }\n if (!keys1.length && Array.isArray(object1) !== Array.isArray(object2)) {\n return false;\n }\n const visitedPairs = visited.get(object1);\n if (visitedPairs && visitedPairs.has(object2)) {\n return true;\n }\n if (visitedPairs) {\n visitedPairs.add(object2);\n }\n else {\n const ws = new WeakSet();\n ws.add(object2);\n visited.set(object1, ws);\n }\n for (const key of keys1) {\n const val1 = object1[key];\n if (!(key in object2)) {\n return false;\n }\n if (key !== 'ref') {\n const val2 = object2[key];\n if ((isDateObject(val1) && isDateObject(val2)) ||\n ((isObject(val1) || Array.isArray(val1)) &&\n (isObject(val2) || Array.isArray(val2)))\n ? !deepEqual(val1, val2, visited)\n : !Object.is(val1, val2)) {\n return false;\n }\n }\n }\n return true;\n}\n\n/**\n * Custom hook to subscribe to field change and isolate re-rendering at the component level.\n *\n * @remarks\n *\n * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)\n *\n * @example\n * ```tsx\n * const { control } = useForm();\n * const values = useWatch({\n * name: \"fieldName\"\n * control,\n * })\n * ```\n */\nfunction useWatch(props) {\n const formControl = useFormControlContext();\n const { control = formControl, name, defaultValue, disabled, exact, compute, } = props || {};\n const _defaultValue = React.useRef(defaultValue);\n const _compute = React.useRef(compute);\n const _computeFormValues = React.useRef(undefined);\n const _prevControl = React.useRef(control);\n const _prevName = React.useRef(name);\n _compute.current = compute;\n const [value, updateValue] = React.useState(() => {\n const defaultValue = control._getWatch(name, _defaultValue.current);\n return _compute.current ? _compute.current(defaultValue) : defaultValue;\n });\n const getCurrentOutput = React.useCallback((values) => {\n const formValues = generateWatchOutput(name, control._names, values || control._formValues, false, _defaultValue.current);\n return _compute.current ? _compute.current(formValues) : formValues;\n }, [control._formValues, control._names, name]);\n const refreshValue = React.useCallback((values) => {\n if (!disabled) {\n const formValues = generateWatchOutput(name, control._names, values || control._formValues, false, _defaultValue.current);\n if (_compute.current) {\n const computedFormValues = _compute.current(formValues);\n if (!deepEqual(computedFormValues, _computeFormValues.current)) {\n updateValue(computedFormValues);\n _computeFormValues.current = computedFormValues;\n }\n }\n else {\n updateValue(formValues);\n }\n }\n }, [control._formValues, control._names, disabled, name]);\n useIsomorphicLayoutEffect(() => {\n if (_prevControl.current !== control ||\n !deepEqual(_prevName.current, name)) {\n _prevControl.current = control;\n _prevName.current = name;\n refreshValue();\n }\n return control._subscribe({\n name,\n formState: {\n values: true,\n },\n exact,\n callback: (formState) => {\n refreshValue(formState.values);\n },\n });\n }, [control, exact, name, refreshValue]);\n React.useEffect(() => control._removeUnmounted());\n // If name or control changed for this render, synchronously reflect the\n // latest value so callers (like useController) see the correct value\n // immediately on the same render.\n // Optimize: Check control reference first before expensive deepEqual\n const controlChanged = _prevControl.current !== control;\n const prevName = _prevName.current;\n // Cache the computed output to avoid duplicate calls within the same render\n // We include shouldReturnImmediate in deps to ensure proper recomputation\n const computedOutput = React.useMemo(() => {\n if (disabled) {\n return null;\n }\n const nameChanged = !controlChanged && !deepEqual(prevName, name);\n const shouldReturnImmediate = controlChanged || nameChanged;\n return shouldReturnImmediate ? getCurrentOutput() : null;\n }, [disabled, controlChanged, name, prevName, getCurrentOutput]);\n return computedOutput !== null ? computedOutput : value;\n}\n\n/**\n * Custom hook to work with controlled component, this function provide you with both form and field level state. Re-render is isolated at the hook level.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usecontroller) • [Demo](https://codesandbox.io/s/usecontroller-0o8px)\n *\n * @param props - the path name to the form field value, and validation rules.\n *\n * @returns field properties, field and form state. {@link UseControllerReturn}\n *\n * @example\n * ```tsx\n * function Input(props) {\n * const { field, fieldState, formState } = useController(props);\n * return (\n *
\n * \n *

{fieldState.isTouched && \"Touched\"}

\n *

{formState.isSubmitted ? \"submitted\" : \"\"}

\n *
\n * );\n * }\n * ```\n */\nfunction useController(props) {\n const formControl = useFormControlContext();\n const { name, disabled, control = formControl, shouldUnregister, defaultValue, exact = true, } = props;\n const isArrayField = isNameInFieldArray(control._names.array, name);\n const defaultValueMemo = React.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);\n const value = useWatch({\n control,\n name,\n defaultValue: defaultValueMemo,\n exact,\n });\n const formState = useFormState({\n control,\n name,\n exact,\n });\n const _props = React.useRef(props);\n const _proxyRef = React.useRef(null);\n const _registerProps = React.useRef(control.register(name, {\n ...props.rules,\n value,\n ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),\n }));\n _props.current = props;\n const fieldState = React.useMemo(() => Object.defineProperties({}, {\n invalid: {\n enumerable: true,\n get: () => !!get(formState.errors, name),\n },\n isDirty: {\n enumerable: true,\n get: () => !!get(formState.dirtyFields, name),\n },\n isTouched: {\n enumerable: true,\n get: () => !!get(formState.touchedFields, name),\n },\n isValidating: {\n enumerable: true,\n get: () => !!get(formState.validatingFields, name),\n },\n error: {\n enumerable: true,\n get: () => get(formState.errors, name),\n },\n }), [formState, name]);\n const onChange = React.useCallback((event) => {\n const value = getEventValue(event);\n if (!get(control._fields, name)) {\n _registerProps.current = control.register(name, {\n ..._props.current.rules,\n value,\n });\n }\n return _registerProps.current.onChange({\n target: {\n value: getEventValue(event),\n name: name,\n },\n type: EVENTS.CHANGE,\n });\n }, [name, control]);\n const onBlur = React.useCallback(() => _registerProps.current.onBlur({\n target: {\n value: get(control._formValues, name),\n name: name,\n },\n type: EVENTS.BLUR,\n }), [name, control._formValues]);\n const ref = React.useCallback((elm) => {\n if (elm) {\n _proxyRef.current = {\n focus: () => isFunction(elm.focus) && elm.focus(),\n select: () => isFunction(elm.select) && elm.select(),\n setCustomValidity: (message) => isFunction(elm.setCustomValidity) && elm.setCustomValidity(message),\n reportValidity: () => isFunction(elm.reportValidity) && elm.reportValidity(),\n };\n }\n const field = get(control._fields, name);\n if (field && field._f && elm) {\n field._f.ref = _proxyRef.current;\n }\n }, [control._fields, name]);\n const field = React.useMemo(() => ({\n name,\n value,\n ...(isBoolean(disabled) || formState.disabled\n ? { disabled: formState.disabled || disabled }\n : {}),\n onChange,\n onBlur,\n ref,\n }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);\n React.useEffect(() => {\n const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;\n control.register(name, {\n ..._props.current.rules,\n ...(isBoolean(_props.current.disabled)\n ? { disabled: _props.current.disabled }\n : {}),\n });\n const updateMounted = (name, value) => {\n const field = get(control._fields, name);\n if (field && field._f) {\n field._f.mount = value;\n }\n };\n updateMounted(name, true);\n if (_shouldUnregisterField) {\n const value = cloneObject(get(shouldUnregister\n ? control._defaultValues\n : control._options.values || control._defaultValues, name, get(control._options.defaultValues, name, _props.current.defaultValue)));\n set(control._defaultValues, name, value);\n if (isUndefined(get(control._formValues, name))) {\n set(control._formValues, name, value);\n }\n }\n !isArrayField && control.register(name);\n if (_proxyRef.current) {\n const field = get(control._fields, name);\n if (field && field._f) {\n field._f.ref = _proxyRef.current;\n }\n }\n return () => {\n (isArrayField\n ? _shouldUnregisterField && !control._state.action\n : _shouldUnregisterField)\n ? control.unregister(name)\n : updateMounted(name, false);\n };\n }, [name, control, isArrayField, shouldUnregister]);\n React.useEffect(() => {\n control._setDisabledField({\n disabled,\n name,\n });\n }, [disabled, name, control]);\n return React.useMemo(() => ({\n field,\n formState,\n fieldState,\n }), [field, formState, fieldState]);\n}\n\n/**\n * Component based on `useController` hook to work with controlled component.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usecontroller/controller) • [Demo](https://codesandbox.io/s/react-hook-form-v6-controller-ts-jwyzw) • [Video](https://www.youtube.com/watch?v=N2UNk_UCVyA)\n *\n * @param props - the path name to the form field value, and validation rules.\n *\n * @returns provide field handler functions, field and form state.\n *\n * @example\n * ```tsx\n * function App() {\n * const { control } = useForm({\n * defaultValues: {\n * test: \"\"\n * }\n * });\n *\n * return (\n *
\n * (\n * <>\n * \n *

{formState.isSubmitted ? \"submitted\" : \"\"}

\n *

{fieldState.isTouched ? \"touched\" : \"\"}

\n * \n * )}\n * />\n * \n * );\n * }\n * ```\n */\nconst Controller = (props) => props.render(useController(props));\n\nconst flatten = (obj) => {\n const output = {};\n for (const key of Object.keys(obj)) {\n if (isObjectType(obj[key]) &&\n obj[key] !== null &&\n !isDateObject(obj[key])) {\n const nested = flatten(obj[key]);\n for (const nestedKey of Object.keys(nested)) {\n output[`${key}.${nestedKey}`] = nested[nestedKey];\n }\n }\n else {\n output[key] = obj[key];\n }\n }\n return output;\n};\n\nconst HookFormContext = React.createContext(null);\nHookFormContext.displayName = 'HookFormContext';\n/**\n * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)\n *\n * @returns return all useForm methods\n *\n * @example\n * ```tsx\n * function App() {\n * const methods = useForm();\n * const onSubmit = data => console.log(data);\n *\n * return (\n * \n *
\n * \n * \n * \n * \n * );\n * }\n *\n * function NestedInput() {\n * const { register } = useFormContext(); // retrieve all hook methods\n * return ;\n * }\n * ```\n */\nconst useFormContext = () => React.useContext(HookFormContext);\n/**\n * A provider component that propagates the `useForm` methods to all children components via [React Context](https://react.dev/reference/react/useContext) API. To be used with {@link useFormContext}.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)\n *\n * @param props - all useForm methods\n *\n * @example\n * ```tsx\n * function App() {\n * const methods = useForm();\n * const onSubmit = data => console.log(data);\n *\n * return (\n * \n *
\n * \n * \n * \n * \n * );\n * }\n *\n * function NestedInput() {\n * const { register } = useFormContext(); // retrieve all hook methods\n * return ;\n * }\n * ```\n */\nconst FormProvider = ({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }) => {\n const memoizedValue = React.useMemo(() => ({\n watch,\n getValues,\n getFieldState,\n setError,\n clearErrors,\n setValue,\n setValues,\n trigger,\n formState,\n resetField,\n reset,\n handleSubmit,\n unregister,\n control,\n register,\n setFocus,\n subscribe,\n }), [\n clearErrors,\n control,\n formState,\n getFieldState,\n getValues,\n handleSubmit,\n register,\n reset,\n resetField,\n setError,\n setFocus,\n setValue,\n setValues,\n subscribe,\n trigger,\n unregister,\n watch,\n ]);\n return (React.createElement(HookFormContext.Provider, { value: memoizedValue },\n React.createElement(HookFormControlContext.Provider, { value: memoizedValue.control }, children)));\n};\n\nconst POST_REQUEST = 'post';\n/**\n * Form component to manage submission.\n *\n * @param props - to setup submission detail. {@link FormProps}\n *\n * @returns form component or headless render prop.\n *\n * @example\n * ```tsx\n * function App() {\n * const { control, formState: { errors } } = useForm();\n *\n * return (\n *
\n * \n *

{errors?.root?.server && 'Server error'}

\n * \n * \n * );\n * }\n * ```\n */\nfunction Form(props) {\n const methods = useFormContext();\n const [mounted, setMounted] = React.useState(false);\n const { control = methods.control, onSubmit, children, action, method = POST_REQUEST, headers, encType, onError, render, onSuccess, validateStatus, ...rest } = props;\n const submit = React.useCallback(async (event) => {\n let hasError = false;\n let type = '';\n await control.handleSubmit(async (data) => {\n const formData = new FormData();\n let formDataJson = '';\n try {\n formDataJson = JSON.stringify(data);\n }\n catch (_a) { }\n const flattenFormValues = flatten(data);\n for (const key in flattenFormValues) {\n formData.append(key, flattenFormValues[key]);\n }\n if (onSubmit) {\n await onSubmit({\n data,\n event,\n method,\n formData,\n formDataJson,\n });\n }\n if (action) {\n try {\n const shouldStringifySubmissionData = [\n headers && headers['Content-Type'],\n encType,\n ].some((value) => value && value.includes('json'));\n const response = await fetch(String(action), {\n method,\n headers: {\n ...headers,\n ...(encType && encType !== 'multipart/form-data'\n ? { 'Content-Type': encType }\n : {}),\n },\n body: shouldStringifySubmissionData ? formDataJson : formData,\n });\n if (response &&\n (validateStatus\n ? !validateStatus(response.status)\n : response.status < 200 || response.status >= 300)) {\n hasError = true;\n onError && onError({ response });\n type = String(response.status);\n }\n else {\n onSuccess && onSuccess({ response });\n }\n }\n catch (error) {\n hasError = true;\n onError && onError({ error });\n }\n }\n })(event);\n if (hasError && control) {\n control._subjects.state.next({\n isSubmitSuccessful: false,\n });\n control.setError('root.server', {\n type,\n });\n }\n }, [\n control,\n onSubmit,\n method,\n action,\n headers,\n encType,\n validateStatus,\n onError,\n onSuccess,\n ]);\n React.useEffect(() => {\n setMounted(true);\n }, []);\n return render ? (React.createElement(React.Fragment, null, render({\n submit,\n }))) : (React.createElement(\"form\", { noValidate: mounted, action: action, method: method, encType: encType, onSubmit: submit, ...rest }, children));\n}\n\nconst FormStateSubscribe = ({ control, disabled, exact, name, render, }) => render(useFormState({ control, name, disabled, exact }));\n\nvar appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria\n ? {\n ...errors[name],\n types: {\n ...(errors[name] && errors[name].types ? errors[name].types : {}),\n [type]: message || true,\n },\n }\n : {};\n\nvar compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];\n\nvar convertToArrayPayload = (value) => (Array.isArray(value) ? value : [value]);\n\nvar createSubject = () => {\n let _observers = [];\n const next = (value) => {\n for (const observer of _observers) {\n observer.next && observer.next(value);\n }\n };\n const subscribe = (observer) => {\n _observers.push(observer);\n return {\n unsubscribe: () => {\n _observers = _observers.filter((o) => o !== observer);\n },\n };\n };\n const unsubscribe = () => {\n _observers = [];\n };\n return {\n get observers() {\n return _observers;\n },\n next,\n subscribe,\n unsubscribe,\n };\n};\n\nfunction extractFormValues(fieldsState, formValues) {\n const values = {};\n for (const key in fieldsState) {\n if (fieldsState.hasOwnProperty(key)) {\n const fieldState = fieldsState[key];\n const fieldValue = formValues[key];\n if (fieldState && isObject(fieldState) && fieldValue) {\n const nestedFieldsState = extractFormValues(fieldState, fieldValue);\n if (isObject(nestedFieldsState)) {\n values[key] = nestedFieldsState;\n }\n }\n else if (fieldsState[key]) {\n values[key] = fieldValue;\n }\n }\n }\n return values;\n}\n\nvar isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;\n\nvar isFileInput = (element) => element.type === 'file';\n\nvar isHTMLElement = (value) => {\n if (!isWeb) {\n return false;\n }\n const owner = value ? value.ownerDocument : 0;\n return (value instanceof\n (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement));\n};\n\nvar isMultipleSelect = (element) => element.type === `select-multiple`;\n\nvar isRadioInput = (element) => element.type === 'radio';\n\nvar isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);\n\nvar live = (ref) => isHTMLElement(ref) && ref.isConnected;\n\nfunction baseGet(object, updatePath) {\n const length = updatePath.slice(0, -1).length;\n let index = 0;\n while (index < length) {\n if (isNullOrUndefined(object)) {\n object = undefined;\n break;\n }\n object = object[updatePath[index]];\n index++;\n }\n return object;\n}\nfunction isEmptyArray(obj) {\n for (const key in obj) {\n if (obj.hasOwnProperty(key) && !isUndefined(obj[key])) {\n return false;\n }\n }\n return true;\n}\nfunction unset(object, path) {\n if (isString(path) && Object.prototype.hasOwnProperty.call(object, path)) {\n delete object[path];\n return object;\n }\n const paths = Array.isArray(path)\n ? path\n : isKey(path)\n ? [path]\n : stringToPath(path);\n if (paths.some((segment) => PROTOTYPE_KEYWORDS.includes(String(segment)))) {\n return object;\n }\n const childObject = paths.length === 1 ? object : baseGet(object, paths);\n const index = paths.length - 1;\n const key = paths[index];\n if (childObject) {\n delete childObject[key];\n }\n if (index !== 0 &&\n ((isObject(childObject) && isEmptyObject(childObject)) ||\n (Array.isArray(childObject) && isEmptyArray(childObject)))) {\n unset(object, paths.slice(0, -1));\n }\n return object;\n}\n\nvar objectHasFunction = (data) => {\n for (const key in data) {\n if (isFunction(data[key])) {\n return true;\n }\n }\n return false;\n};\n\nfunction isTraversable(value) {\n return Array.isArray(value) || (isObject(value) && !objectHasFunction(value));\n}\nfunction markFieldsDirty(data, fields = {}) {\n for (const key in data) {\n const value = data[key];\n if (isTraversable(value)) {\n fields[key] = Array.isArray(value) ? [] : {};\n markFieldsDirty(value, fields[key]);\n }\n else if (!isUndefined(value)) {\n fields[key] = true;\n }\n }\n return fields;\n}\nfunction pruneDirtyFields(value) {\n if (value === false) {\n return undefined;\n }\n if (value === true) {\n return true;\n }\n if (Array.isArray(value)) {\n const result = value.map((value) => pruneDirtyFields(value));\n return (result.some((value) => value !== undefined) ? result : undefined);\n }\n if (isObject(value)) {\n const result = {};\n for (const key in value) {\n const pruned = pruneDirtyFields(value[key]);\n if (!isUndefined(pruned)) {\n result[key] = pruned;\n }\n }\n return (Object.keys(result).length ? result : undefined);\n }\n return undefined;\n}\nfunction getDirtyFields(data, formValues, dirtyFieldsFromValues) {\n if (!dirtyFieldsFromValues) {\n dirtyFieldsFromValues = markFieldsDirty(formValues);\n }\n for (const key in data) {\n const value = data[key];\n if (isTraversable(value)) {\n if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) {\n dirtyFieldsFromValues[key] = markFieldsDirty(value, Array.isArray(value) ? [] : {});\n }\n else {\n getDirtyFields(value, isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);\n }\n }\n else {\n const formValue = formValues[key];\n dirtyFieldsFromValues[key] = !deepEqual(value, formValue);\n }\n }\n return pruneDirtyFields(dirtyFieldsFromValues) || {};\n}\n\nconst defaultResult = {\n value: false,\n isValid: false,\n};\nconst validResult = { value: true, isValid: true };\nvar getCheckboxValue = (options) => {\n if (Array.isArray(options)) {\n if (options.length > 1) {\n const values = options\n .filter((option) => option && option.checked && !option.disabled)\n .map((option) => option.value);\n return { value: values, isValid: !!values.length };\n }\n return options[0].checked && !options[0].disabled\n ? // @ts-expect-error expected to work in the browser\n options[0].attributes && !isUndefined(options[0].attributes.value)\n ? isUndefined(options[0].value) || options[0].value === ''\n ? validResult\n : { value: options[0].value, isValid: true }\n : validResult\n : defaultResult;\n }\n return defaultResult;\n};\n\nvar getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value)\n ? value\n : valueAsNumber\n ? value === ''\n ? NaN\n : value\n ? +value\n : value\n : valueAsDate && isString(value)\n ? new Date(value)\n : setValueAs\n ? setValueAs(value)\n : value;\n\nconst defaultReturn = {\n isValid: false,\n value: null,\n};\nvar getRadioValue = (options) => Array.isArray(options)\n ? options.reduce((previous, option) => option && option.checked && !option.disabled\n ? {\n isValid: true,\n value: option.value,\n }\n : previous, defaultReturn)\n : defaultReturn;\n\nfunction getFieldValue(_f) {\n const ref = _f.ref;\n if (isFileInput(ref)) {\n return ref.files;\n }\n if (isRadioInput(ref)) {\n return getRadioValue(_f.refs).value;\n }\n if (isMultipleSelect(ref)) {\n return [...ref.selectedOptions].map(({ value }) => value);\n }\n if (isCheckBoxInput(ref)) {\n return getCheckboxValue(_f.refs).value;\n }\n return getFieldValueAs(isUndefined(ref.value) ? _f.ref.value : ref.value, _f);\n}\n\nvar getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {\n const fields = {};\n for (const name of fieldsNames) {\n const field = get(_fields, name);\n field && set(fields, name, field._f);\n }\n return {\n criteriaMode,\n names: [...fieldsNames],\n fields,\n shouldUseNativeValidation,\n };\n};\n\nvar isRegex = (value) => value instanceof RegExp;\n\nvar getRuleValue = (rule) => isUndefined(rule)\n ? rule\n : isRegex(rule)\n ? rule.source\n : isObject(rule)\n ? isRegex(rule.value)\n ? rule.value.source\n : rule.value\n : rule;\n\nvar getValidationModes = (mode) => ({\n isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,\n isOnBlur: mode === VALIDATION_MODE.onBlur,\n isOnChange: mode === VALIDATION_MODE.onChange,\n isOnAll: mode === VALIDATION_MODE.all,\n isOnTouch: mode === VALIDATION_MODE.onTouched,\n});\n\nconst ASYNC_FUNCTION = 'AsyncFunction';\nvar hasPromiseValidation = (fieldReference) => {\n if (!fieldReference || !fieldReference.validate)\n return false;\n if (isFunction(fieldReference.validate)) {\n return fieldReference.validate.constructor.name === ASYNC_FUNCTION;\n }\n if (isObject(fieldReference.validate)) {\n for (const key in fieldReference.validate) {\n if (fieldReference.validate[key].constructor\n .name === ASYNC_FUNCTION) {\n return true;\n }\n }\n }\n return false;\n};\n\nvar hasValidation = (options) => options.mount &&\n (options.required ||\n options.min ||\n options.max ||\n options.maxLength ||\n options.minLength ||\n options.pattern ||\n options.validate);\n\nvar isWatched = (name, _names, isBlurEvent) => {\n if (isBlurEvent)\n return false;\n if (_names.watchAll || _names.watch.has(name))\n return true;\n for (const watchName of _names.watch) {\n if (name.startsWith(watchName) && name.charAt(watchName.length) === '.')\n return true;\n }\n return false;\n};\n\nconst iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {\n for (const key of fieldsNames || Object.keys(fields)) {\n const field = get(fields, key);\n if (field) {\n const { _f, ...currentField } = field;\n if (_f) {\n if (_f.refs && _f.refs[0] && action(_f.refs[0], key) && !abortEarly) {\n return true;\n }\n else if (_f.ref && action(_f.ref, _f.name) && !abortEarly) {\n return true;\n }\n else {\n if (iterateFieldsByAction(currentField, action)) {\n break;\n }\n }\n }\n else if (isObject(currentField)) {\n if (iterateFieldsByAction(currentField, action)) {\n break;\n }\n }\n }\n }\n return;\n};\n\nfunction schemaErrorLookup(errors, _fields, name) {\n const error = get(errors, name);\n if (error || isKey(name)) {\n return {\n error,\n name,\n };\n }\n const names = name.split('.');\n while (names.length) {\n const fieldName = names.join('.');\n const field = get(_fields, fieldName);\n const foundError = get(errors, fieldName);\n if (field && !Array.isArray(field) && name !== fieldName) {\n return { name };\n }\n if (foundError && foundError.type) {\n return {\n name: fieldName,\n error: foundError,\n };\n }\n if (foundError && foundError.root && foundError.root.type) {\n return {\n name: `${fieldName}.root`,\n error: foundError.root,\n };\n }\n names.pop();\n }\n return {\n name,\n };\n}\n\nvar shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {\n updateFormState(formStateData);\n const { name, ...formState } = formStateData;\n const keys = Object.keys(formState);\n return (!keys.length ||\n (isRoot && keys.length >= Object.keys(_proxyFormState).length) ||\n keys.find((key) => _proxyFormState[key] ===\n (!isRoot || VALIDATION_MODE.all)));\n};\n\nvar shouldSubscribeByName = (name, signalName, exact) => !name ||\n !signalName ||\n name === signalName ||\n convertToArrayPayload(name).some((currentName) => currentName &&\n (exact\n ? currentName === signalName || currentName.startsWith(signalName + '.')\n : currentName.startsWith(signalName) ||\n signalName.startsWith(currentName)));\n\nvar skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => {\n if (mode.isOnAll) {\n return false;\n }\n else if (!isSubmitted && mode.isOnTouch) {\n return !(isTouched || isBlurEvent);\n }\n else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) {\n return !isBlurEvent;\n }\n else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) {\n return isBlurEvent;\n }\n return true;\n};\n\nvar unsetEmptyArray = (ref, name) => !compact(get(ref, name)).length && unset(ref, name);\n\nvar updateFieldArrayRootError = (errors, error, name) => {\n const existingErrors = get(errors, name);\n const fieldArrayErrors = Array.isArray(existingErrors) ? existingErrors : [];\n set(fieldArrayErrors, ROOT_ERROR_TYPE, error[name]);\n set(errors, name, fieldArrayErrors);\n return errors;\n};\n\nfunction getValidateError(result, ref, type = 'validate') {\n if (isString(result) ||\n (Array.isArray(result) && result.every(isString)) ||\n (isBoolean(result) && !result)) {\n return {\n type,\n message: isString(result) ? result : '',\n ref,\n };\n }\n}\n\nvar getValueAndMessage = (validationData) => isObject(validationData) && !isRegex(validationData)\n ? validationData\n : {\n value: validationData,\n message: '',\n };\n\nvar validateField = async (field, disabledFieldNames, formValues, validateAllFieldCriteria, shouldUseNativeValidation, isFieldArray) => {\n const { ref, refs, required, maxLength, minLength, min, max, pattern, validate, name, valueAsNumber, mount, } = field._f;\n const inputValue = get(formValues, name);\n if (!mount || disabledFieldNames.has(name)) {\n return {};\n }\n const inputRef = refs ? refs[0] : ref;\n const setCustomValidity = (message) => {\n if (shouldUseNativeValidation && inputRef.reportValidity) {\n const validityMessage = isBoolean(message) ? '' : message || '';\n if (refs) {\n refs.forEach((ref) => ref.setCustomValidity(validityMessage));\n }\n else {\n inputRef.setCustomValidity(validityMessage);\n }\n inputRef.reportValidity();\n }\n };\n const error = {};\n const isRadio = isRadioInput(ref);\n const isCheckBox = isCheckBoxInput(ref);\n const isRadioOrCheckbox = isRadio || isCheckBox;\n const isEmpty = ((valueAsNumber || isFileInput(ref)) &&\n isUndefined(ref.value) &&\n isUndefined(inputValue)) ||\n (isHTMLElement(ref) && ref.value === '') ||\n inputValue === '' ||\n (Array.isArray(inputValue) && !inputValue.length);\n const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error);\n const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {\n const message = exceedMax ? maxLengthMessage : minLengthMessage;\n error[name] = {\n type: exceedMax ? maxType : minType,\n message,\n ref,\n ...appendErrorsCurry(exceedMax ? maxType : minType, message),\n };\n };\n if (isFieldArray\n ? !Array.isArray(inputValue) || !inputValue.length\n : required &&\n ((!isRadioOrCheckbox && (isEmpty || isNullOrUndefined(inputValue))) ||\n (isBoolean(inputValue) && !inputValue) ||\n (isCheckBox && !getCheckboxValue(refs).isValid) ||\n (isRadio && !getRadioValue(refs).isValid))) {\n const { value, message } = isString(required)\n ? { value: !!required, message: required }\n : getValueAndMessage(required);\n if (value) {\n error[name] = {\n type: INPUT_VALIDATION_RULES.required,\n message,\n ref: inputRef,\n ...appendErrorsCurry(INPUT_VALIDATION_RULES.required, message),\n };\n if (!validateAllFieldCriteria) {\n setCustomValidity(message);\n return error;\n }\n }\n }\n if (!isEmpty && (!isNullOrUndefined(min) || !isNullOrUndefined(max))) {\n let exceedMax;\n let exceedMin;\n const maxOutput = getValueAndMessage(max);\n const minOutput = getValueAndMessage(min);\n if (!isNullOrUndefined(inputValue) && !isNaN(inputValue)) {\n const valueNumber = ref.valueAsNumber ||\n (inputValue ? +inputValue : inputValue);\n if (!isNullOrUndefined(maxOutput.value)) {\n exceedMax = valueNumber > maxOutput.value;\n }\n if (!isNullOrUndefined(minOutput.value)) {\n exceedMin = valueNumber < minOutput.value;\n }\n }\n else {\n const valueDate = ref.valueAsDate || new Date(inputValue);\n const convertTimeToDate = (time) => new Date(new Date().toDateString() + ' ' + time);\n const isTime = ref.type == 'time';\n const isWeek = ref.type == 'week';\n if (isString(maxOutput.value) && inputValue) {\n exceedMax = isTime\n ? convertTimeToDate(inputValue) > convertTimeToDate(maxOutput.value)\n : isWeek\n ? inputValue > maxOutput.value\n : valueDate > new Date(maxOutput.value);\n }\n if (isString(minOutput.value) && inputValue) {\n exceedMin = isTime\n ? convertTimeToDate(inputValue) < convertTimeToDate(minOutput.value)\n : isWeek\n ? inputValue < minOutput.value\n : valueDate < new Date(minOutput.value);\n }\n }\n if (exceedMax || exceedMin) {\n getMinMaxMessage(!!exceedMax, maxOutput.message, minOutput.message, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);\n if (!validateAllFieldCriteria) {\n setCustomValidity(error[name].message);\n return error;\n }\n }\n }\n if ((maxLength || minLength) &&\n !isEmpty &&\n (isString(inputValue) || (isFieldArray && Array.isArray(inputValue)))) {\n const maxLengthOutput = getValueAndMessage(maxLength);\n const minLengthOutput = getValueAndMessage(minLength);\n const exceedMax = !isNullOrUndefined(maxLengthOutput.value) &&\n inputValue.length > +maxLengthOutput.value;\n const exceedMin = !isNullOrUndefined(minLengthOutput.value) &&\n inputValue.length < +minLengthOutput.value;\n if (exceedMax || exceedMin) {\n getMinMaxMessage(exceedMax, maxLengthOutput.message, minLengthOutput.message);\n if (!validateAllFieldCriteria) {\n setCustomValidity(error[name].message);\n return error;\n }\n }\n }\n if (pattern && !isEmpty && isString(inputValue)) {\n const { value: patternValue, message } = getValueAndMessage(pattern);\n if (isRegex(patternValue) && !inputValue.match(patternValue)) {\n error[name] = {\n type: INPUT_VALIDATION_RULES.pattern,\n message,\n ref,\n ...appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, message),\n };\n if (!validateAllFieldCriteria) {\n setCustomValidity(message);\n return error;\n }\n }\n }\n if (validate) {\n if (isFunction(validate)) {\n const result = await validate(inputValue, formValues);\n const validateError = getValidateError(result, inputRef);\n if (validateError) {\n error[name] = {\n ...validateError,\n ...appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message),\n };\n if (!validateAllFieldCriteria) {\n setCustomValidity(validateError.message);\n return error;\n }\n }\n }\n else if (isObject(validate)) {\n let validationResult = {};\n for (const key in validate) {\n if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) {\n break;\n }\n const validateError = getValidateError(await validate[key](inputValue, formValues), inputRef, key);\n if (validateError) {\n validationResult = {\n ...validateError,\n ...appendErrorsCurry(key, validateError.message),\n };\n setCustomValidity(validateError.message);\n if (validateAllFieldCriteria) {\n error[name] = validationResult;\n }\n }\n }\n if (!isEmptyObject(validationResult)) {\n error[name] = {\n ref: inputRef,\n ...validationResult,\n };\n if (!validateAllFieldCriteria) {\n return error;\n }\n }\n }\n }\n setCustomValidity(true);\n return error;\n};\n\nconst defaultOptions = {\n mode: VALIDATION_MODE.onSubmit,\n reValidateMode: VALIDATION_MODE.onChange,\n shouldFocusError: true,\n};\nconst FORM_ERROR_TYPE = 'form';\nconst DEFAULT_FORM_STATE = {\n submitCount: 0,\n isDirty: false,\n isReady: false,\n isValidating: false,\n isSubmitted: false,\n isSubmitting: false,\n isSubmitSuccessful: false,\n isValid: false,\n touchedFields: {},\n dirtyFields: {},\n validatingFields: {},\n};\nfunction createFormControl(props = {}) {\n let _options = {\n ...defaultOptions,\n ...props,\n };\n let _formState = {\n ...cloneObject(DEFAULT_FORM_STATE),\n isLoading: isFunction(_options.defaultValues),\n errors: _options.errors || {},\n disabled: _options.disabled || false,\n };\n let _fields = {};\n let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)\n ? cloneObject(_options.defaultValues || _options.values) || {}\n : {};\n let _formValues = _options.shouldUnregister\n ? {}\n : cloneObject(_defaultValues);\n let _state = {\n action: false,\n mount: false,\n watch: false,\n keepIsValid: false,\n };\n let _names = {\n mount: new Set(),\n disabled: new Set(),\n unMount: new Set(),\n array: new Set(),\n watch: new Set(),\n registerName: new Set(),\n };\n let delayErrorCallback;\n let timer = 0;\n let _valuesSubscriberCount = 0;\n let _validationModeBeforeSubmit = getValidationModes(_options.mode);\n let _validationModeAfterSubmit = getValidationModes(_options.reValidateMode);\n const defaultProxyFormState = {\n isDirty: false,\n dirtyFields: false,\n validatingFields: false,\n touchedFields: false,\n isValidating: false,\n isValid: false,\n errors: false,\n };\n const _proxyFormState = {\n ...defaultProxyFormState,\n };\n let _proxySubscribeFormState = {\n ..._proxyFormState,\n };\n const _subjects = {\n array: createSubject(),\n state: createSubject(),\n };\n const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;\n const debounce = (callback) => (wait) => {\n clearTimeout(timer);\n timer = setTimeout(callback, wait);\n };\n const _setValid = async (shouldUpdateValid) => {\n if (_state.keepIsValid) {\n return;\n }\n if (!_options.disabled &&\n (_proxyFormState.isValid ||\n _proxySubscribeFormState.isValid ||\n shouldUpdateValid)) {\n let isValid;\n if (_options.resolver) {\n isValid = isEmptyObject((await _runSchema()).errors);\n _updateIsValidating();\n }\n else {\n isValid = await executeBuiltInValidation({\n fields: _fields,\n onlyCheckValid: true,\n eventType: EVENTS.VALID,\n });\n }\n if (isValid !== _formState.isValid) {\n _subjects.state.next({\n isValid,\n });\n }\n }\n };\n const _updateIsValidating = (names, isValidating) => {\n if (!_options.disabled &&\n (_proxyFormState.isValidating ||\n _proxyFormState.validatingFields ||\n _proxySubscribeFormState.isValidating ||\n _proxySubscribeFormState.validatingFields)) {\n (names || Array.from(_names.mount)).forEach((name) => {\n if (name) {\n isValidating\n ? set(_formState.validatingFields, name, isValidating)\n : unset(_formState.validatingFields, name);\n }\n });\n _subjects.state.next({\n validatingFields: _formState.validatingFields,\n isValidating: !isEmptyObject(_formState.validatingFields),\n });\n }\n };\n const _updateDirtyFields = () => {\n _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);\n };\n const _setFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {\n if (args && method && !_options.disabled) {\n _state.action = true;\n if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {\n const fieldValues = method(get(_fields, name), args.argA, args.argB);\n shouldSetValues && set(_fields, name, fieldValues);\n }\n if (shouldUpdateFieldsAndState &&\n Array.isArray(get(_formState.errors, name))) {\n const errors = method(get(_formState.errors, name), args.argA, args.argB);\n shouldSetValues && set(_formState.errors, name, errors);\n unsetEmptyArray(_formState.errors, name);\n }\n if ((_proxyFormState.touchedFields ||\n _proxySubscribeFormState.touchedFields) &&\n shouldUpdateFieldsAndState &&\n Array.isArray(get(_formState.touchedFields, name))) {\n const touchedFields = method(get(_formState.touchedFields, name), args.argA, args.argB);\n shouldSetValues && set(_formState.touchedFields, name, touchedFields);\n }\n if (_proxyFormState.dirtyFields || _proxySubscribeFormState.dirtyFields) {\n _updateDirtyFields();\n }\n _subjects.state.next({\n name,\n isDirty: _getDirty(name, values),\n dirtyFields: _formState.dirtyFields,\n errors: _formState.errors,\n isValid: _formState.isValid,\n });\n }\n else {\n set(_formValues, name, values);\n }\n };\n const updateErrors = (name, error) => {\n set(_formState.errors, name, error);\n _formState.errors = { ..._formState.errors };\n _subjects.state.next({\n errors: _formState.errors,\n });\n };\n const _setErrors = (errors) => {\n _formState.errors = errors;\n _subjects.state.next({\n errors: _formState.errors,\n isValid: false,\n });\n };\n const hasExplicitNullIntermediate = (name) => {\n const segments = isKey(name) ? [name] : stringToPath(name);\n let formValues = _formValues;\n let defaultValues = _defaultValues;\n for (let i = 0; i < segments.length - 1; i++) {\n const key = segments[i];\n formValues = isNullOrUndefined(formValues) ? formValues : formValues[key];\n defaultValues = isNullOrUndefined(defaultValues)\n ? defaultValues\n : defaultValues[key];\n if (formValues === null && defaultValues !== null) {\n return true;\n }\n }\n return false;\n };\n const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {\n const field = get(_fields, name);\n if (field) {\n if (hasExplicitNullIntermediate(name)) {\n return;\n }\n const wasUnsetInFormValues = isUndefined(get(_formValues, name));\n const defaultValue = get(_formValues, name, isUndefined(value) ? get(_defaultValues, name) : value);\n isUndefined(defaultValue) ||\n (ref && ref.defaultChecked) ||\n shouldSkipSetValueAs\n ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f))\n : setFieldValue(name, defaultValue);\n if (_state.mount && !_state.action) {\n _setValid();\n if (wasUnsetInFormValues &&\n _formState.isDirty &&\n (_proxyFormState.isDirty || _proxySubscribeFormState.isDirty)) {\n const isDirty = _getDirty();\n if (!isDirty) {\n _formState.isDirty = false;\n _subjects.state.next({ ..._formState });\n }\n }\n if (props.shouldUnregister &&\n wasUnsetInFormValues &&\n !isUndefined(get(_formValues, name)) &&\n isWatched(name, _names)) {\n _state.watch = true;\n }\n }\n }\n };\n const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {\n let shouldUpdateField = false;\n let isPreviousDirty = false;\n const output = {\n name,\n };\n if (!_options.disabled) {\n if (!isBlurEvent || shouldDirty) {\n const isCurrentFieldPristine = deepEqual(get(_defaultValues, name), fieldValue);\n if (_proxyFormState.isDirty || _proxySubscribeFormState.isDirty) {\n isPreviousDirty = _formState.isDirty;\n _formState.isDirty = output.isDirty =\n !isCurrentFieldPristine || _getDirty();\n shouldUpdateField = isPreviousDirty !== output.isDirty;\n }\n isPreviousDirty = !!get(_formState.dirtyFields, name);\n if (isCurrentFieldPristine !== _formState.isDirty) {\n _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);\n }\n else {\n isCurrentFieldPristine\n ? unset(_formState.dirtyFields, name)\n : set(_formState.dirtyFields, name, true);\n }\n output.dirtyFields = _formState.dirtyFields;\n shouldUpdateField =\n shouldUpdateField ||\n ((_proxyFormState.dirtyFields ||\n _proxySubscribeFormState.dirtyFields) &&\n isPreviousDirty !== !isCurrentFieldPristine);\n }\n if (isBlurEvent) {\n const isPreviousFieldTouched = get(_formState.touchedFields, name);\n if (!isPreviousFieldTouched) {\n set(_formState.touchedFields, name, isBlurEvent);\n output.touchedFields = _formState.touchedFields;\n shouldUpdateField =\n shouldUpdateField ||\n ((_proxyFormState.touchedFields ||\n _proxySubscribeFormState.touchedFields) &&\n isPreviousFieldTouched !== isBlurEvent);\n }\n }\n shouldUpdateField && shouldRender && _subjects.state.next(output);\n }\n return shouldUpdateField ? output : {};\n };\n const shouldRenderByError = (name, isValid, error, fieldState) => {\n const previousFieldError = get(_formState.errors, name);\n const shouldUpdateValid = (_proxyFormState.isValid || _proxySubscribeFormState.isValid) &&\n isBoolean(isValid) &&\n _formState.isValid !== isValid;\n if (_options.delayError && error) {\n delayErrorCallback = debounce(() => updateErrors(name, error));\n delayErrorCallback(_options.delayError);\n }\n else {\n clearTimeout(timer);\n delayErrorCallback = null;\n error\n ? set(_formState.errors, name, error)\n : unset(_formState.errors, name);\n _formState.errors = { ..._formState.errors };\n }\n if ((error ? !deepEqual(previousFieldError, error) : previousFieldError) ||\n !isEmptyObject(fieldState) ||\n shouldUpdateValid) {\n const updatedFormState = {\n ...fieldState,\n ...(shouldUpdateValid && isBoolean(isValid) ? { isValid } : {}),\n errors: _formState.errors,\n name,\n };\n _formState = {\n ..._formState,\n ...updatedFormState,\n };\n _subjects.state.next(updatedFormState);\n }\n };\n const _runSchema = async (name) => {\n _updateIsValidating(name, true);\n return await _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));\n };\n const executeSchemaAndUpdateState = async (names) => {\n const { errors } = await _runSchema(names);\n _updateIsValidating(names);\n if (names) {\n for (const name of names) {\n const error = get(errors, name);\n error\n ? _names.array.has(name) &&\n isObject(error) &&\n !Object.keys(error).some((key) => !Number.isNaN(Number(key)))\n ? updateFieldArrayRootError(_formState.errors, { [name]: error }, name)\n : set(_formState.errors, name, error)\n : unset(_formState.errors, name);\n }\n _formState.errors = { ..._formState.errors };\n }\n else {\n _formState.errors = errors;\n }\n return errors;\n };\n const validateForm = async ({ name, eventType, }) => {\n if (props.validate) {\n const result = await props.validate({\n formValues: _formValues,\n formState: _formState,\n name,\n eventType,\n });\n if (isObject(result)) {\n for (const key in result) {\n const error = result[key];\n if (error) {\n setError(`${FORM_ERROR_TYPE}.${key}`, {\n message: isString(error.message) ? error.message : '',\n type: error.type || INPUT_VALIDATION_RULES.validate,\n });\n }\n }\n }\n else if (isString(result) || !result) {\n setError(FORM_ERROR_TYPE, {\n message: result || '',\n type: INPUT_VALIDATION_RULES.validate,\n });\n }\n else {\n clearErrors(FORM_ERROR_TYPE);\n }\n return result;\n }\n return true;\n };\n const executeBuiltInValidation = async ({ fields, onlyCheckValid, name, eventType, context = {\n valid: true,\n runRootValidation: false,\n }, }) => {\n if (props.validate) {\n context.runRootValidation = true;\n const result = await validateForm({\n name,\n eventType,\n });\n if (!result) {\n context.valid = false;\n if (onlyCheckValid) {\n return context.valid;\n }\n }\n }\n for (const name in fields) {\n const field = fields[name];\n if (field) {\n const { _f, ...fieldValue } = field;\n if (_f) {\n const isFieldArrayRoot = _names.array.has(_f.name);\n const isPromiseFunction = field._f && hasPromiseValidation(field._f);\n const shouldTrackIsValidatingState = _proxyFormState.validatingFields ||\n _proxyFormState.isValidating ||\n _proxySubscribeFormState.validatingFields ||\n _proxySubscribeFormState.isValidating;\n if (isPromiseFunction && shouldTrackIsValidatingState) {\n _updateIsValidating([_f.name], true);\n }\n const fieldError = await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation && !onlyCheckValid, isFieldArrayRoot);\n if (isPromiseFunction && shouldTrackIsValidatingState) {\n _updateIsValidating([_f.name]);\n }\n if (fieldError[_f.name]) {\n context.valid = false;\n if (onlyCheckValid) {\n break;\n }\n }\n !onlyCheckValid &&\n (get(fieldError, _f.name)\n ? isFieldArrayRoot\n ? updateFieldArrayRootError(_formState.errors, fieldError, _f.name)\n : set(_formState.errors, _f.name, fieldError[_f.name])\n : unset(_formState.errors, _f.name));\n if (props.shouldUseNativeValidation && fieldError[_f.name]) {\n break;\n }\n }\n !isEmptyObject(fieldValue) &&\n (await executeBuiltInValidation({\n context,\n onlyCheckValid,\n fields: fieldValue,\n name: name,\n eventType,\n }));\n }\n }\n return context.valid;\n };\n const _removeUnmounted = () => {\n for (const name of _names.unMount) {\n const field = get(_fields, name);\n field &&\n (field._f.refs\n ? field._f.refs.every((ref) => !live(ref))\n : !live(field._f.ref)) &&\n unregister(name);\n }\n _names.unMount = new Set();\n };\n const _getDirty = (name, data) => !_options.disabled &&\n (name && data && set(_formValues, name, data),\n !deepEqual(_state.mount ? _formValues : _defaultValues, _defaultValues));\n const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {\n ...(_state.mount\n ? _formValues\n : isUndefined(defaultValue)\n ? _defaultValues\n : isString(names)\n ? { [names]: defaultValue }\n : defaultValue),\n }, isGlobal, defaultValue);\n const _getFieldArray = (name) => compact(get(_state.mount ? _formValues : _defaultValues, name, _options.shouldUnregister ? get(_defaultValues, name, []) : []));\n const setFieldValue = (name, value, options = {}, skipClone = false, skipRender = false) => {\n const field = get(_fields, name);\n let fieldValue = value;\n if (field) {\n const fieldReference = field._f;\n if (fieldReference) {\n !fieldReference.disabled &&\n set(_formValues, name, getFieldValueAs(value, fieldReference));\n fieldValue =\n isHTMLElement(fieldReference.ref) && isNullOrUndefined(value)\n ? ''\n : value;\n if (isMultipleSelect(fieldReference.ref)) {\n [...fieldReference.ref.options].forEach((optionRef) => (optionRef.selected = fieldValue.includes(optionRef.value)));\n }\n else if (fieldReference.refs) {\n if (isCheckBoxInput(fieldReference.ref)) {\n fieldReference.refs.forEach((checkboxRef) => {\n if (!checkboxRef.defaultChecked || !checkboxRef.disabled) {\n if (Array.isArray(fieldValue)) {\n checkboxRef.checked = !!fieldValue.find((data) => data === checkboxRef.value);\n }\n else {\n checkboxRef.checked =\n fieldValue === checkboxRef.value || !!fieldValue;\n }\n }\n });\n }\n else {\n fieldReference.refs.forEach((radioRef) => (radioRef.checked = radioRef.value === fieldValue));\n }\n }\n else if (isFileInput(fieldReference.ref)) {\n fieldReference.ref.value = '';\n }\n else {\n fieldReference.ref.value = fieldValue;\n if (!fieldReference.ref.type && !skipRender) {\n _subjects.state.next({\n name,\n values: skipClone ? _formValues : cloneObject(_formValues),\n });\n }\n }\n }\n }\n (options.shouldDirty || options.shouldTouch) &&\n updateTouchAndDirty(name, fieldValue, options.shouldTouch, options.shouldDirty, !skipRender);\n options.shouldValidate && trigger(name);\n };\n const setFieldValues = (name, value, options, skipClone = false, skipRender = false) => {\n for (const fieldKey in value) {\n if (!value.hasOwnProperty(fieldKey)) {\n return;\n }\n const fieldValue = value[fieldKey];\n const fieldName = name + '.' + fieldKey;\n const field = get(_fields, fieldName);\n (_names.array.has(name) ||\n isObject(fieldValue) ||\n (field && !field._f)) &&\n !isDateObject(fieldValue)\n ? setFieldValues(fieldName, fieldValue, options, skipClone, skipRender)\n : setFieldValue(fieldName, fieldValue, options, skipClone, skipRender);\n }\n };\n const _setValue = (name, value, options, skipClone, skipStateEmit = false) => {\n const field = get(_fields, name);\n const isFieldArray = _names.array.has(name);\n const cloneValue = skipClone ? value : cloneObject(value);\n const previousValue = get(_formValues, name);\n const isValueUnchanged = deepEqual(previousValue, cloneValue);\n if (!isValueUnchanged) {\n set(_formValues, name, cloneValue);\n }\n if (isFieldArray) {\n _subjects.array.next({\n name,\n values: skipClone ? _formValues : cloneObject(_formValues),\n });\n if ((_proxyFormState.isDirty ||\n _proxyFormState.dirtyFields ||\n _proxySubscribeFormState.isDirty ||\n _proxySubscribeFormState.dirtyFields) &&\n options.shouldDirty) {\n _updateDirtyFields();\n if (!skipStateEmit) {\n _subjects.state.next({\n name,\n dirtyFields: _formState.dirtyFields,\n isDirty: _getDirty(name, cloneValue),\n });\n }\n }\n }\n else {\n const isEmpty = (Array.isArray(cloneValue) && !cloneValue.length) ||\n isEmptyObject(cloneValue);\n if (!field || field._f || isNullOrUndefined(cloneValue) || isEmpty) {\n setFieldValue(name, cloneValue, options, skipClone, skipStateEmit);\n }\n else {\n setFieldValues(name, cloneValue, options, skipClone, skipStateEmit);\n }\n }\n if (!isValueUnchanged && !skipStateEmit) {\n const watched = isWatched(name, _names);\n const values = skipClone ? _formValues : cloneObject(_formValues);\n _subjects.state.next({\n ...(watched && _formState),\n name: _state.mount || watched ? name : undefined,\n values,\n });\n }\n };\n const setValue = (name, value, options = {}) => _setValue(name, value, options, false);\n const setValues = (formValues, options = {}) => {\n const updatedFormValues = isFunction(formValues)\n ? formValues(_formValues)\n : formValues;\n if (!deepEqual(_formValues, updatedFormValues)) {\n _formValues = {\n ..._formValues,\n ...updatedFormValues,\n };\n const flattenedUpdates = flatten(updatedFormValues);\n for (const fieldName of _names.mount) {\n if (fieldName in flattenedUpdates) {\n _setValue(fieldName, flattenedUpdates[fieldName], options, true, true);\n }\n }\n _subjects.state.next({\n ..._formState,\n name: undefined,\n type: undefined,\n ...(_valuesSubscriberCount ? { values: _formValues } : {}),\n });\n if (options.shouldValidate) {\n _setValid();\n }\n }\n };\n const onChange = async (event) => {\n _state.mount = true;\n const target = event.target;\n let name = target.name;\n let isFieldValueUpdated = true;\n const field = get(_fields, name);\n const _updateIsFieldValueUpdated = (fieldValue) => {\n isFieldValueUpdated =\n Number.isNaN(fieldValue) ||\n (isDateObject(fieldValue) && isNaN(fieldValue.getTime())) ||\n deepEqual(fieldValue, get(_formValues, name, fieldValue));\n };\n if (field) {\n let error;\n let isValid;\n const fieldValue = target.type\n ? getFieldValue(field._f)\n : getEventValue(event);\n const isBlurEvent = event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT;\n const hasNoValidationEffect = !hasValidation(field._f) &&\n !props.validate &&\n !_options.resolver &&\n !get(_formState.errors, name) &&\n !field._f.deps;\n const shouldSkipValidation = hasNoValidationEffect ||\n skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, _validationModeAfterSubmit, _validationModeBeforeSubmit);\n const watched = isWatched(name, _names, isBlurEvent);\n set(_formValues, name, fieldValue);\n if (isBlurEvent) {\n if (!target || !target.readOnly) {\n field._f.onBlur && field._f.onBlur(event);\n delayErrorCallback && delayErrorCallback(0);\n }\n }\n else if (field._f.onChange) {\n field._f.onChange(event);\n }\n const fieldState = updateTouchAndDirty(name, fieldValue, isBlurEvent);\n const shouldRender = !isEmptyObject(fieldState) || watched;\n !isBlurEvent &&\n _subjects.state.next({\n name,\n type: event.type,\n ...(_valuesSubscriberCount\n ? { values: cloneObject(_formValues) }\n : {}),\n });\n if (shouldSkipValidation) {\n if ((!hasNoValidationEffect || !_formState.isValid) &&\n (_proxyFormState.isValid || _proxySubscribeFormState.isValid)) {\n if (_options.mode === 'onBlur') {\n if (isBlurEvent) {\n _setValid();\n }\n }\n else if (!isBlurEvent) {\n _setValid();\n }\n }\n return (shouldRender &&\n _subjects.state.next({ name, ...(watched ? {} : fieldState) }));\n }\n if (!_options.resolver && props.validate) {\n await validateForm({\n name: name,\n eventType: event.type,\n });\n }\n !isBlurEvent && watched && _subjects.state.next({ ..._formState });\n if (_options.resolver) {\n const { errors } = await _runSchema([name]);\n _updateIsValidating([name]);\n _updateIsFieldValueUpdated(fieldValue);\n if (!isFieldValueUpdated) {\n !isEmptyObject(fieldState) && _subjects.state.next(fieldState);\n return;\n }\n const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name);\n const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name);\n error = errorLookupResult.error;\n name = errorLookupResult.name;\n isValid = isEmptyObject(errors);\n }\n else {\n _updateIsValidating([name], true);\n error = (await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];\n _updateIsValidating([name]);\n _updateIsFieldValueUpdated(fieldValue);\n if (isFieldValueUpdated) {\n if (error) {\n isValid = false;\n }\n else if (_proxyFormState.isValid ||\n _proxySubscribeFormState.isValid) {\n isValid = await executeBuiltInValidation({\n fields: _fields,\n onlyCheckValid: true,\n name: name,\n eventType: event.type,\n });\n }\n }\n }\n if (isFieldValueUpdated) {\n field._f.deps &&\n (!Array.isArray(field._f.deps) || field._f.deps.length > 0) &&\n trigger(field._f.deps);\n shouldRenderByError(name, isValid, error, fieldState);\n }\n }\n };\n const _focusInput = (ref, key) => {\n if (get(_formState.errors, key) && ref.focus) {\n ref.focus();\n return 1;\n }\n return;\n };\n const trigger = async (name, options = {}) => {\n let isValid;\n let validationResult;\n const fieldNames = convertToArrayPayload(name);\n if (_options.resolver) {\n const errors = await executeSchemaAndUpdateState(isUndefined(name) ? name : fieldNames);\n isValid = isEmptyObject(errors);\n validationResult = name\n ? !fieldNames.some((name) => get(errors, name))\n : isValid;\n }\n else if (name) {\n validationResult = (await Promise.all(fieldNames.map(async (fieldName) => {\n const field = get(_fields, fieldName);\n return await executeBuiltInValidation({\n fields: field && field._f ? { [fieldName]: field } : field,\n eventType: EVENTS.TRIGGER,\n });\n }))).every(Boolean);\n !(!validationResult && !_formState.isValid) && _setValid();\n }\n else {\n validationResult = isValid = await executeBuiltInValidation({\n fields: _fields,\n name,\n eventType: EVENTS.TRIGGER,\n });\n }\n _subjects.state.next({\n ...(!isString(name) ||\n ((_proxyFormState.isValid || _proxySubscribeFormState.isValid) &&\n isValid !== _formState.isValid)\n ? {}\n : { name }),\n ...(_options.resolver || !name ? { isValid } : {}),\n errors: _formState.errors,\n });\n options.shouldFocus &&\n !validationResult &&\n iterateFieldsByAction(_fields, _focusInput, name ? fieldNames : _names.mount);\n return validationResult;\n };\n const getValues = (fieldNames, config) => {\n let values = {\n ...(_state.mount ? _formValues : _defaultValues),\n };\n if (config) {\n values = extractFormValues(config.dirtyFields ? _formState.dirtyFields : _formState.touchedFields, values);\n }\n return isUndefined(fieldNames)\n ? values\n : isString(fieldNames)\n ? get(values, fieldNames)\n : fieldNames.map((name) => get(values, name));\n };\n const getFieldState = (name, formState) => ({\n invalid: !!get((formState || _formState).errors, name),\n isDirty: !!get((formState || _formState).dirtyFields, name),\n error: get((formState || _formState).errors, name),\n isValidating: !!get(_formState.validatingFields, name),\n isTouched: !!get((formState || _formState).touchedFields, name),\n });\n const clearErrors = (name) => {\n const names = name ? convertToArrayPayload(name) : undefined;\n names === null || names === void 0 ? void 0 : names.forEach((inputName) => unset(_formState.errors, inputName));\n if (names) {\n names.forEach((inputName) => {\n _subjects.state.next({\n name: inputName,\n errors: _formState.errors,\n });\n });\n }\n else {\n _subjects.state.next({\n errors: {},\n });\n }\n };\n const setError = (name, error, options) => {\n const ref = (get(_fields, name, { _f: {} })._f || {}).ref;\n const currentError = get(_formState.errors, name) || {};\n const { ref: currentRef, message, type, ...restOfErrorTree } = currentError;\n set(_formState.errors, name, {\n ...restOfErrorTree,\n ...error,\n ref,\n });\n _subjects.state.next({\n name,\n errors: _formState.errors,\n isValid: false,\n });\n options && options.shouldFocus && ref && ref.focus && ref.focus();\n };\n const watch = (name, defaultValue) => {\n if (isFunction(name)) {\n _valuesSubscriberCount++;\n const { unsubscribe } = _subjects.state.subscribe({\n next: (payload) => 'values' in payload &&\n name(payload.values || _getWatch(undefined, defaultValue), payload),\n });\n let called = false;\n return {\n unsubscribe: () => {\n if (called) {\n return;\n }\n called = true;\n _valuesSubscriberCount--;\n unsubscribe();\n },\n };\n }\n return _getWatch(name, defaultValue, true);\n };\n const _subscribe = (props) => {\n var _a;\n const needsValues = !!((_a = props.formState) === null || _a === void 0 ? void 0 : _a.values);\n if (needsValues) {\n _valuesSubscriberCount++;\n }\n const { unsubscribe } = _subjects.state.subscribe({\n next: (formState) => {\n if (shouldSubscribeByName(props.name, formState.name, props.exact) &&\n shouldRenderFormState(formState, props.formState || _proxyFormState, _setFormState, props.reRenderRoot)) {\n const snapshot = { ..._formValues };\n props.callback({\n values: snapshot,\n ..._formState,\n ...formState,\n defaultValues: _defaultValues,\n });\n }\n },\n });\n if (!needsValues) {\n return unsubscribe;\n }\n let called = false;\n return () => {\n if (called) {\n return;\n }\n called = true;\n _valuesSubscriberCount--;\n unsubscribe();\n };\n };\n const subscribe = (props) => {\n _state.mount = true;\n _proxySubscribeFormState = {\n ..._proxySubscribeFormState,\n ...props.formState,\n };\n return _subscribe({\n ...props,\n formState: {\n ...defaultProxyFormState,\n ...props.formState,\n },\n });\n };\n const unregister = (name, options = {}) => {\n for (const fieldName of name ? convertToArrayPayload(name) : _names.mount) {\n _names.mount.delete(fieldName);\n _names.array.delete(fieldName);\n if (!options.keepValue) {\n unset(_fields, fieldName);\n unset(_formValues, fieldName);\n }\n !options.keepError && unset(_formState.errors, fieldName);\n !options.keepDirty && unset(_formState.dirtyFields, fieldName);\n !options.keepTouched && unset(_formState.touchedFields, fieldName);\n !options.keepIsValidating &&\n unset(_formState.validatingFields, fieldName);\n !_options.shouldUnregister &&\n !options.keepDefaultValue &&\n unset(_defaultValues, fieldName);\n }\n _subjects.state.next({\n values: cloneObject(_formValues),\n });\n _subjects.state.next({\n ..._formState,\n ...(!options.keepDirty ? {} : { isDirty: _getDirty() }),\n });\n !options.keepIsValid && _setValid();\n };\n const _setDisabledField = ({ disabled, name, }) => {\n if ((isBoolean(disabled) && _state.mount) ||\n !!disabled ||\n _names.disabled.has(name)) {\n const wasDisabled = _names.disabled.has(name);\n const isDisabled = !!disabled;\n const disabledStateChanged = wasDisabled !== isDisabled;\n disabled ? _names.disabled.add(name) : _names.disabled.delete(name);\n disabledStateChanged && _state.mount && !_state.action && _setValid();\n }\n };\n const register = (name, options = {}) => {\n let field = get(_fields, name);\n const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);\n const shouldRevalidateRemount = !_names.registerName.has(name) && field && field._f && !field._f.mount;\n set(_fields, name, {\n ...(field || {}),\n _f: {\n ...(field && field._f ? field._f : { ref: { name } }),\n name,\n mount: true,\n ...options,\n },\n });\n _names.mount.add(name);\n if (field && !shouldRevalidateRemount) {\n _setDisabledField({\n disabled: isBoolean(options.disabled)\n ? options.disabled\n : _options.disabled,\n name,\n });\n }\n else {\n updateValidAndValue(name, true, options.value);\n }\n return {\n ...(disabledIsDefined\n ? { disabled: options.disabled || _options.disabled }\n : {}),\n ...(_options.progressive\n ? {\n required: !!options.required,\n min: getRuleValue(options.min),\n max: getRuleValue(options.max),\n minLength: getRuleValue(options.minLength),\n maxLength: getRuleValue(options.maxLength),\n pattern: getRuleValue(options.pattern),\n }\n : {}),\n name,\n onChange,\n onBlur: onChange,\n ref: (ref) => {\n if (ref) {\n _names.registerName.add(name);\n register(name, options);\n _names.registerName.delete(name);\n field = get(_fields, name);\n const fieldRef = isUndefined(ref.value)\n ? ref.querySelectorAll\n ? ref.querySelectorAll('input,select,textarea')[0] || ref\n : ref\n : ref;\n const radioOrCheckbox = isRadioOrCheckbox(fieldRef);\n const refs = field._f.refs || [];\n if (radioOrCheckbox\n ? refs.find((option) => option === fieldRef)\n : fieldRef === field._f.ref) {\n return;\n }\n set(_fields, name, {\n _f: {\n ...field._f,\n ...(radioOrCheckbox\n ? {\n refs: [\n ...refs.filter(live),\n fieldRef,\n ...(Array.isArray(get(_defaultValues, name)) ? [{}] : []),\n ],\n ref: { type: fieldRef.type, name },\n }\n : { ref: fieldRef }),\n },\n });\n updateValidAndValue(name, false, undefined, fieldRef);\n }\n else {\n field = get(_fields, name, {});\n if (field._f) {\n field._f.mount = false;\n }\n (_options.shouldUnregister || options.shouldUnregister) &&\n !(isNameInFieldArray(_names.array, name) && _state.action) &&\n _names.unMount.add(name);\n }\n },\n };\n };\n const _focusError = () => _options.shouldFocusError &&\n !_options.shouldUseNativeValidation &&\n iterateFieldsByAction(_fields, _focusInput, _names.mount);\n const _disableForm = (disabled) => {\n if (isBoolean(disabled)) {\n _subjects.state.next({ disabled });\n iterateFieldsByAction(_fields, (ref, name) => {\n const currentField = get(_fields, name);\n if (currentField) {\n ref.disabled = currentField._f.disabled || disabled;\n if (Array.isArray(currentField._f.refs)) {\n currentField._f.refs.forEach((inputRef) => {\n inputRef.disabled = currentField._f.disabled || disabled;\n });\n }\n }\n }, 0, false);\n }\n };\n const handleSubmit = (onValid, onInvalid) => async (e) => {\n let onValidError = undefined;\n if (e) {\n e.preventDefault && e.preventDefault();\n e.persist &&\n e.persist();\n }\n let fieldValues = cloneObject(_formValues);\n _subjects.state.next({\n isSubmitting: true,\n });\n if (_options.resolver) {\n const { errors, values } = await _runSchema();\n _updateIsValidating();\n _formState.errors = errors;\n fieldValues = cloneObject(values);\n }\n else {\n await executeBuiltInValidation({\n fields: _fields,\n eventType: EVENTS.SUBMIT,\n });\n }\n if (_names.disabled.size) {\n for (const name of _names.disabled) {\n unset(fieldValues, name);\n }\n }\n unset(_formState.errors, ROOT_ERROR_TYPE);\n if (isEmptyObject(_formState.errors)) {\n _subjects.state.next({\n errors: {},\n });\n try {\n await onValid(fieldValues, e);\n }\n catch (error) {\n onValidError = error;\n }\n }\n else {\n if (onInvalid) {\n await onInvalid({ ..._formState.errors }, e);\n }\n _focusError();\n setTimeout(_focusError);\n }\n _subjects.state.next({\n isSubmitted: true,\n isSubmitting: false,\n isSubmitSuccessful: isEmptyObject(_formState.errors) && !onValidError,\n submitCount: _formState.submitCount + 1,\n errors: _formState.errors,\n });\n if (onValidError) {\n throw onValidError;\n }\n };\n const resetField = (name, options = {}) => {\n if (get(_fields, name)) {\n if (isUndefined(options.defaultValue)) {\n setValue(name, cloneObject(get(_defaultValues, name)));\n }\n else {\n setValue(name, options.defaultValue);\n set(_defaultValues, name, cloneObject(options.defaultValue));\n }\n if (!options.keepTouched) {\n unset(_formState.touchedFields, name);\n }\n if (!options.keepDirty) {\n unset(_formState.dirtyFields, name);\n _formState.isDirty = options.defaultValue\n ? _getDirty(name, cloneObject(get(_defaultValues, name)))\n : _getDirty();\n }\n if (!options.keepError) {\n unset(_formState.errors, name);\n _proxyFormState.isValid && _setValid();\n }\n _subjects.state.next({ ..._formState });\n }\n };\n const _reset = (formValues, keepStateOptions = {}) => {\n const updatedValues = formValues ? cloneObject(formValues) : _defaultValues;\n const cloneUpdatedValues = cloneObject(updatedValues);\n const isEmptyResetValues = isEmptyObject(formValues);\n const values = cloneUpdatedValues;\n if (!keepStateOptions.keepDefaultValues) {\n _defaultValues = updatedValues;\n }\n if (!keepStateOptions.keepValues) {\n if (keepStateOptions.keepDirtyValues) {\n const fieldsToCheck = new Set([\n ..._names.mount,\n ...Object.keys(getDirtyFields(_defaultValues, _formValues)),\n ]);\n for (const fieldName of Array.from(fieldsToCheck)) {\n const isDirty = get(_formState.dirtyFields, fieldName);\n const existingValue = get(_formValues, fieldName);\n const newValue = get(values, fieldName);\n if (isDirty && !isUndefined(existingValue)) {\n set(values, fieldName, existingValue);\n }\n else if (!isDirty && !isUndefined(newValue)) {\n setValue(fieldName, newValue);\n }\n }\n }\n else {\n if (isWeb && isUndefined(formValues)) {\n for (const name of _names.mount) {\n const field = get(_fields, name);\n if (field && field._f) {\n const fieldReference = Array.isArray(field._f.refs)\n ? field._f.refs[0]\n : field._f.ref;\n if (isHTMLElement(fieldReference)) {\n const form = fieldReference.closest('form');\n if (form) {\n form.reset();\n break;\n }\n }\n }\n }\n }\n if (keepStateOptions.keepFieldsRef) {\n for (const fieldName of _names.mount) {\n setValue(fieldName, get(values, fieldName));\n }\n }\n else {\n _fields = {};\n }\n }\n if (_options.shouldUnregister) {\n _formValues = keepStateOptions.keepDefaultValues\n ? cloneObject(_defaultValues)\n : {};\n if (keepStateOptions.keepFieldsRef) {\n for (const fieldName of _names.mount) {\n set(_formValues, fieldName, get(values, fieldName));\n }\n }\n }\n else {\n _formValues = cloneObject(values);\n }\n _subjects.array.next({\n values: { ...values },\n });\n _subjects.state.next({\n name: undefined,\n type: undefined,\n values: { ...values },\n });\n }\n _names = {\n mount: keepStateOptions.keepDirtyValues ? _names.mount : new Set(),\n unMount: new Set(),\n array: new Set(),\n registerName: new Set(),\n disabled: new Set(),\n watch: new Set(),\n watchAll: false,\n focus: '',\n };\n _state.mount =\n !_proxyFormState.isValid ||\n !!keepStateOptions.keepIsValid ||\n !!keepStateOptions.keepDirtyValues ||\n (!_options.shouldUnregister && !isEmptyObject(values));\n _state.watch = !!_options.shouldUnregister;\n _state.keepIsValid = !!keepStateOptions.keepIsValid;\n _state.action = false;\n if (!keepStateOptions.keepErrors) {\n _formState.errors = {};\n }\n _subjects.state.next({\n submitCount: keepStateOptions.keepSubmitCount\n ? _formState.submitCount\n : 0,\n isDirty: isEmptyResetValues\n ? false\n : keepStateOptions.keepDirty\n ? _formState.isDirty\n : keepStateOptions.keepValues\n ? _getDirty()\n : !!(keepStateOptions.keepDefaultValues &&\n !deepEqual(formValues, _defaultValues)),\n isSubmitted: keepStateOptions.keepIsSubmitted\n ? _formState.isSubmitted\n : false,\n dirtyFields: isEmptyResetValues\n ? {}\n : keepStateOptions.keepDirtyValues\n ? keepStateOptions.keepDefaultValues && _formValues\n ? getDirtyFields(_defaultValues, _formValues)\n : _formState.dirtyFields\n : keepStateOptions.keepDefaultValues && formValues\n ? getDirtyFields(_defaultValues, formValues)\n : keepStateOptions.keepDirty\n ? _formState.dirtyFields\n : {},\n touchedFields: keepStateOptions.keepTouched\n ? _formState.touchedFields\n : {},\n errors: keepStateOptions.keepErrors ? _formState.errors : {},\n isSubmitSuccessful: keepStateOptions.keepIsSubmitSuccessful\n ? _formState.isSubmitSuccessful\n : false,\n isSubmitting: false,\n defaultValues: _defaultValues,\n });\n };\n const reset = (formValues, keepStateOptions) => _reset(isFunction(formValues)\n ? formValues(_formValues)\n : formValues, { ..._options.resetOptions, ...keepStateOptions });\n const setFocus = (name, options = {}) => {\n const field = get(_fields, name);\n const fieldReference = field && field._f;\n if (fieldReference) {\n const fieldRef = fieldReference.refs\n ? fieldReference.refs[0]\n : fieldReference.ref;\n if (fieldRef.focus) {\n setTimeout(() => {\n fieldRef.focus();\n options.shouldSelect &&\n isFunction(fieldRef.select) &&\n fieldRef.select();\n });\n }\n }\n };\n const _setFormState = (updatedFormState) => {\n // `name`, `type`, and `values` describe the event that produced this\n // update, not the form's persisted state (they aren't part of\n // `FormState`). Merging them in would leak a stale `name`/`type` from\n // one event into a later, unrelated notification that doesn't specify\n // its own.\n const { name, type, values, ...formState } = updatedFormState;\n _formState = {\n ..._formState,\n ...formState,\n };\n };\n const _resetDefaultValues = () => isFunction(_options.defaultValues) &&\n _options.defaultValues().then((values) => {\n reset(values, _options.resetOptions);\n _subjects.state.next({\n isLoading: false,\n });\n });\n const resetDefaultValues = (values, options = {}) => {\n _defaultValues = cloneObject(values);\n if (!options.keepDirty) {\n const newDirtyFields = getDirtyFields(_defaultValues, _formValues);\n _formState.dirtyFields = newDirtyFields;\n _formState.isDirty = !isEmptyObject(newDirtyFields);\n }\n if (!options.keepIsValid) {\n _setValid();\n }\n _subjects.state.next({\n ..._formState,\n defaultValues: _defaultValues,\n });\n };\n const methods = {\n control: {\n register,\n unregister,\n getFieldState,\n handleSubmit,\n setError,\n _subscribe,\n _runSchema,\n _updateIsValidating,\n _focusError,\n _getWatch,\n _getDirty,\n _setValid,\n _setFieldArray,\n _setDisabledField,\n _setErrors,\n _getFieldArray,\n _reset,\n _resetDefaultValues,\n _removeUnmounted,\n _disableForm,\n _subjects,\n _proxyFormState,\n get _fields() {\n return _fields;\n },\n get _formValues() {\n return _formValues;\n },\n get _state() {\n return _state;\n },\n set _state(value) {\n _state = value;\n },\n get _defaultValues() {\n return _defaultValues;\n },\n get _names() {\n return _names;\n },\n set _names(value) {\n _names = value;\n },\n get _formState() {\n return _formState;\n },\n get _options() {\n return _options;\n },\n set _options(value) {\n _options = {\n ..._options,\n ...value,\n };\n _validationModeBeforeSubmit = getValidationModes(_options.mode);\n _validationModeAfterSubmit = getValidationModes(_options.reValidateMode);\n },\n },\n subscribe,\n trigger,\n register,\n handleSubmit,\n watch,\n setValue,\n setValues,\n getValues,\n reset,\n resetField,\n resetDefaultValues,\n clearErrors,\n unregister,\n setError,\n setFocus,\n getFieldState,\n };\n return {\n ...methods,\n formControl: methods,\n };\n}\n\nvar generateId = () => {\n if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n return crypto.randomUUID();\n }\n const d = typeof performance === 'undefined' ? Date.now() : performance.now() * 1000;\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = ((Math.random() * 16 + d) % 16) | 0;\n return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16);\n });\n};\n\nvar getFocusFieldName = (name, index, options = {}) => options.shouldFocus || isUndefined(options.shouldFocus)\n ? options.focusName ||\n `${name}.${isUndefined(options.focusIndex) ? index : options.focusIndex}.`\n : '';\n\nvar appendAt = (data, value) => [\n ...data,\n ...convertToArrayPayload(value),\n];\n\nvar fillEmptyArray = (value) => Array.isArray(value) ? value.map(() => undefined) : undefined;\n\nfunction insert(data, index, value) {\n return [\n ...data.slice(0, index),\n ...convertToArrayPayload(value),\n ...data.slice(index),\n ];\n}\n\nvar moveArrayAt = (data, from, to) => {\n if (!Array.isArray(data)) {\n return [];\n }\n if (isUndefined(data[to])) {\n data[to] = undefined;\n }\n data.splice(to, 0, data.splice(from, 1)[0]);\n return data;\n};\n\nvar prependAt = (data, value) => [\n ...convertToArrayPayload(value),\n ...convertToArrayPayload(data),\n];\n\nfunction removeAtIndexes(data, indexes) {\n let i = 0;\n const temp = [...data];\n for (const index of indexes) {\n temp.splice(index - i, 1);\n i++;\n }\n return compact(temp).length ? temp : [];\n}\nvar removeArrayAt = (data, index) => isUndefined(index)\n ? []\n : removeAtIndexes(data, convertToArrayPayload(index).sort((a, b) => a - b));\n\nvar swapArrayAt = (data, indexA, indexB) => {\n [data[indexA], data[indexB]] = [data[indexB], data[indexA]];\n};\n\nvar updateAt = (fieldValues, index, value) => {\n fieldValues[index] = value;\n return fieldValues;\n};\n\n/**\n * A custom hook that exposes convenient methods to perform operations with a list of dynamic inputs that need to be appended, updated, removed etc. • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn) • [Video](https://youtu.be/4MrbfGSFY2A)\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usefieldarray) • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn)\n *\n * @param props - useFieldArray props\n *\n * @returns methods - functions to manipulate with the Field Arrays (dynamic inputs) {@link UseFieldArrayReturn}\n *\n * @example\n * ```tsx\n * function App() {\n * const { register, control, handleSubmit, reset, trigger, setError } = useForm({\n * defaultValues: {\n * test: []\n * }\n * });\n * const { fields, append } = useFieldArray({\n * control,\n * name: \"test\"\n * });\n *\n * return (\n *
console.log(data))}>\n * {fields.map((item, index) => (\n * \n * ))}\n * \n * \n * \n * );\n * }\n * ```\n */\nfunction useFieldArray(props) {\n const formControl = useFormControlContext();\n const { control = formControl, name, keyName = 'id', disabled, shouldUnregister, rules, } = props;\n const [fields, setFields] = React.useState(control._getFieldArray(name));\n const ids = React.useRef(control._getFieldArray(name).map(generateId));\n const _actioned = React.useRef(false);\n if (!disabled) {\n control._names.array.add(name);\n }\n React.useMemo(() => !disabled &&\n rules &&\n fields.length >= 0 &&\n control.register(name, rules), [control, name, fields.length, rules, disabled]);\n useIsomorphicLayoutEffect(() => {\n if (disabled) {\n return;\n }\n return control._subjects.array.subscribe({\n next: ({ values, name: fieldArrayName, }) => {\n if (fieldArrayName === name || !fieldArrayName) {\n const fieldValues = get(values, name);\n if (Array.isArray(fieldValues)) {\n setFields(fieldValues);\n ids.current = fieldValues.map(generateId);\n }\n else if (!fieldArrayName) {\n setFields([]);\n ids.current = [];\n }\n }\n },\n }).unsubscribe;\n }, [control, name, disabled]);\n const updateValues = React.useCallback((updatedFieldArrayValues) => {\n _actioned.current = true;\n control._setFieldArray(name, updatedFieldArrayValues);\n }, [control, name]);\n const append = (value, options) => {\n if (disabled) {\n return;\n }\n const appendValue = convertToArrayPayload(cloneObject(value));\n const updatedFieldArrayValues = appendAt(control._getFieldArray(name), appendValue);\n control._names.focus = getFocusFieldName(name, updatedFieldArrayValues.length - 1, options);\n ids.current = appendAt(ids.current, appendValue.map(generateId));\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._setFieldArray(name, updatedFieldArrayValues, appendAt, {\n argA: fillEmptyArray(value),\n });\n };\n const prepend = (value, options) => {\n if (disabled) {\n return;\n }\n const prependValue = convertToArrayPayload(cloneObject(value));\n const updatedFieldArrayValues = prependAt(control._getFieldArray(name), prependValue);\n control._names.focus = getFocusFieldName(name, 0, options);\n ids.current = prependAt(ids.current, prependValue.map(generateId));\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._setFieldArray(name, updatedFieldArrayValues, prependAt, {\n argA: fillEmptyArray(value),\n });\n };\n const remove = (index) => {\n if (disabled) {\n return;\n }\n const updatedFieldArrayValues = removeArrayAt(control._getFieldArray(name), index);\n ids.current = removeArrayAt(ids.current, index);\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n !Array.isArray(get(control._fields, name)) &&\n set(control._fields, name, undefined);\n control._setFieldArray(name, updatedFieldArrayValues, removeArrayAt, {\n argA: index,\n });\n };\n const insert$1 = (index, value, options) => {\n if (disabled) {\n return;\n }\n const insertValue = convertToArrayPayload(cloneObject(value));\n const updatedFieldArrayValues = insert(control._getFieldArray(name), index, insertValue);\n control._names.focus = getFocusFieldName(name, index, options);\n ids.current = insert(ids.current, index, insertValue.map(generateId));\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._setFieldArray(name, updatedFieldArrayValues, insert, {\n argA: index,\n argB: fillEmptyArray(value),\n });\n };\n const swap = (indexA, indexB) => {\n if (disabled) {\n return;\n }\n const updatedFieldArrayValues = control._getFieldArray(name);\n swapArrayAt(updatedFieldArrayValues, indexA, indexB);\n swapArrayAt(ids.current, indexA, indexB);\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._setFieldArray(name, updatedFieldArrayValues, swapArrayAt, {\n argA: indexA,\n argB: indexB,\n }, false);\n };\n const move = (from, to) => {\n if (disabled) {\n return;\n }\n const updatedFieldArrayValues = control._getFieldArray(name);\n moveArrayAt(updatedFieldArrayValues, from, to);\n moveArrayAt(ids.current, from, to);\n updateValues(updatedFieldArrayValues);\n setFields(updatedFieldArrayValues);\n control._setFieldArray(name, updatedFieldArrayValues, moveArrayAt, {\n argA: from,\n argB: to,\n }, false);\n };\n const update = (index, value) => {\n if (disabled) {\n return;\n }\n const updateValue = cloneObject(value);\n const updatedFieldArrayValues = updateAt(control._getFieldArray(name), index, updateValue);\n ids.current = [...updatedFieldArrayValues].map((item, i) => !item || i === index ? generateId() : ids.current[i]);\n updateValues(updatedFieldArrayValues);\n setFields([...updatedFieldArrayValues]);\n control._setFieldArray(name, updatedFieldArrayValues, updateAt, {\n argA: index,\n argB: updateValue,\n }, true, false);\n };\n const replace = (value) => {\n if (disabled) {\n return;\n }\n const updatedFieldArrayValues = convertToArrayPayload(cloneObject(value));\n ids.current = updatedFieldArrayValues.map(generateId);\n updateValues([...updatedFieldArrayValues]);\n setFields([...updatedFieldArrayValues]);\n control._setFieldArray(name, [...updatedFieldArrayValues], (data) => data, {}, true, false);\n };\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n control._state.action = false;\n isWatched(name, control._names) &&\n control._subjects.state.next({\n ...control._formState,\n });\n const validationModes = getValidationModes(control._options.mode);\n if (_actioned.current &&\n (!validationModes.isOnSubmit || control._formState.isSubmitted) &&\n !getValidationModes(control._options.reValidateMode).isOnSubmit &&\n !validationModes.isOnBlur) {\n if (control._options.resolver) {\n control._runSchema([name]).then((result) => {\n var _a, _b;\n control._updateIsValidating([name]);\n const error = get(result.errors, name);\n const existingError = get(control._formState.errors, name);\n const existingErrorType = existingError && (existingError.type || ((_a = existingError.root) === null || _a === void 0 ? void 0 : _a.type));\n const existingErrorMessage = existingError &&\n (existingError.message || ((_b = existingError.root) === null || _b === void 0 ? void 0 : _b.message));\n if (existingError\n ? (!error && existingErrorType) ||\n (error &&\n (existingErrorType !== error.type ||\n existingErrorMessage !== error.message))\n : error && error.type) {\n if (error) {\n isObject(error) &&\n !Object.keys(error).some((key) => !Number.isNaN(+key))\n ? updateFieldArrayRootError(control._formState.errors, { [name]: error }, name)\n : set(control._formState.errors, name, error);\n }\n else {\n unset(control._formState.errors, name);\n }\n control._subjects.state.next({\n errors: control._formState.errors,\n });\n }\n });\n }\n else {\n const field = get(control._fields, name);\n if (field &&\n field._f &&\n !(getValidationModes(control._options.reValidateMode).isOnSubmit &&\n getValidationModes(control._options.mode).isOnSubmit)) {\n validateField(field, control._names.disabled, control._formValues, control._options.criteriaMode === VALIDATION_MODE.all, control._options.shouldUseNativeValidation, true).then((error) => !isEmptyObject(error) &&\n control._subjects.state.next({\n errors: updateFieldArrayRootError(control._formState.errors, error, name),\n }));\n }\n }\n }\n // External updates that change `fields` (e.g. reset() or setValue() on\n // the array) already notify subscribers with the up-to-date values\n // themselves, so only re-broadcast here for genuine array method calls.\n _actioned.current &&\n control._subjects.state.next({\n name,\n values: cloneObject(control._formValues),\n });\n control._names.focus &&\n iterateFieldsByAction(control._fields, (ref, key) => {\n if (control._names.focus &&\n key.startsWith(control._names.focus) &&\n ref.focus) {\n ref.focus();\n return 1;\n }\n return;\n });\n control._names.focus = '';\n control._setValid();\n _actioned.current = false;\n }, [fields, name, control, disabled]);\n React.useEffect(() => {\n if (!disabled) {\n !get(control._formValues, name) && control._setFieldArray(name);\n }\n return () => {\n if (disabled) {\n return;\n }\n const shouldKeepFieldArrayValues = !(control._options.shouldUnregister || shouldUnregister);\n const updateMounted = (name, value) => {\n const field = get(control._fields, name);\n if (field && field._f) {\n field._f.mount = value;\n }\n };\n if (_actioned.current && shouldKeepFieldArrayValues) {\n control._subjects.state.next({\n name,\n values: cloneObject(control._formValues),\n });\n }\n shouldKeepFieldArrayValues\n ? updateMounted(name, false)\n : control.unregister(name);\n };\n }, [name, control, keyName, shouldUnregister, disabled]);\n return {\n swap: React.useCallback(swap, [updateValues, name, control, disabled]),\n move: React.useCallback(move, [updateValues, name, control, disabled]),\n prepend: React.useCallback(prepend, [\n updateValues,\n name,\n control,\n disabled,\n ]),\n append: React.useCallback(append, [updateValues, name, control, disabled]),\n remove: React.useCallback(remove, [updateValues, name, control, disabled]),\n insert: React.useCallback(insert$1, [updateValues, name, control, disabled]),\n update: React.useCallback(update, [updateValues, name, control, disabled]),\n replace: React.useCallback(replace, [\n updateValues,\n name,\n control,\n disabled,\n ]),\n fields: React.useMemo(() => fields.map((field, index) => ({\n ...field,\n ...(isBoolean(disabled) ? { disabled } : {}),\n [keyName]: ids.current[index] || generateId(),\n })), [fields, keyName, disabled]),\n };\n}\n\n/**\n * Custom hook to manage the entire form.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useform) • [Demo](https://codesandbox.io/s/react-hook-form-get-started-ts-5ksmm) • [Video](https://www.youtube.com/watch?v=RkXv4AXXC_4)\n *\n * @param props - form configuration and validation parameters.\n *\n * @returns methods - individual functions to manage the form state. {@link UseFormReturn}\n *\n * @example\n * ```tsx\n * function App() {\n * const { register, handleSubmit, watch, formState: { errors } } = useForm();\n * const onSubmit = data => console.log(data);\n *\n * console.log(watch(\"example\"));\n *\n * return (\n *
\n * \n * \n * {errors.exampleRequired && This field is required}\n * \n * \n * );\n * }\n * ```\n */\nfunction useForm(props = {}) {\n const _formControl = React.useRef(undefined);\n const _values = React.useRef(undefined);\n const _formControlProp = React.useRef(props.formControl);\n const [formState, updateFormState] = React.useState(() => ({\n ...cloneObject(DEFAULT_FORM_STATE),\n isLoading: isFunction(props.defaultValues),\n errors: props.errors || {},\n disabled: props.disabled || false,\n defaultValues: isFunction(props.defaultValues)\n ? undefined\n : props.defaultValues,\n }));\n if (!_formControl.current ||\n (props.formControl && _formControlProp.current !== props.formControl)) {\n _formControlProp.current = props.formControl;\n if (props.formControl) {\n _formControl.current = {\n ...props.formControl,\n formState,\n };\n if (props.defaultValues && !isFunction(props.defaultValues)) {\n props.formControl.reset(props.defaultValues, props.resetOptions);\n }\n }\n else {\n const { formControl, ...rest } = createFormControl(props);\n _formControl.current = {\n ...rest,\n formState,\n };\n }\n }\n const control = _formControl.current.control;\n control._options = props;\n useIsomorphicLayoutEffect(() => {\n const sub = control._subscribe({\n formState: control._proxyFormState,\n callback: () => updateFormState({\n ...control._formState,\n defaultValues: control._defaultValues,\n }),\n reRenderRoot: true,\n });\n updateFormState((data) => ({\n ...data,\n isReady: true,\n }));\n control._formState.isReady = true;\n return sub;\n }, [control]);\n React.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);\n React.useEffect(() => {\n if (props.mode) {\n control._options.mode = props.mode;\n }\n if (props.reValidateMode) {\n control._options.reValidateMode = props.reValidateMode;\n }\n }, [control, props.mode, props.reValidateMode]);\n React.useEffect(() => {\n if (props.errors) {\n control._setErrors(props.errors);\n control._focusError();\n }\n }, [control, props.errors]);\n React.useEffect(() => {\n props.shouldUnregister &&\n control._subjects.state.next({\n values: control._getWatch(),\n });\n }, [control, props.shouldUnregister]);\n React.useEffect(() => {\n if (control._proxyFormState.isDirty) {\n const isDirty = control._getDirty();\n if (isDirty !== formState.isDirty) {\n control._subjects.state.next({\n isDirty,\n });\n }\n }\n }, [control, formState.isDirty]);\n React.useEffect(() => {\n var _a;\n if (props.values && !deepEqual(props.values, _values.current)) {\n control._reset(props.values, {\n keepFieldsRef: true,\n ...control._options.resetOptions,\n });\n if (!((_a = control._options.resetOptions) === null || _a === void 0 ? void 0 : _a.keepIsValid)) {\n control._setValid();\n }\n _values.current = props.values;\n updateFormState((state) => ({ ...state }));\n }\n else {\n control._resetDefaultValues();\n }\n }, [control, props.values]);\n React.useEffect(() => {\n if (!control._state.mount) {\n control._setValid();\n control._state.mount = true;\n }\n if (control._state.watch) {\n control._state.watch = false;\n control._subjects.state.next({ ...control._formState });\n }\n control._removeUnmounted();\n });\n _formControl.current.formState = React.useMemo(() => getProxyFormState(formState, control), [control, formState]);\n return _formControl.current;\n}\n\n/**\n * Watch component that subscribes to form field changes and re-renders when watched fields update.\n *\n * @param control - The form control object from useForm\n * @param name - Can be field name, array of field names, or undefined to watch the entire form\n * @param disabled - Disable subscription\n * @param exact - Whether to watch exact field names or not\n * @param defaultValue - The default value to use if the field is not yet set\n * @param compute - Function to compute derived values from watched fields\n * @param render - The function that receives watched values and returns ReactNode\n * @returns The result of calling render function with watched values\n *\n * @example\n * The `Watch` component only re-render when the values of `foo`, `bar`, and `baz.qux` change.\n * The types of `foo`, `bar`, and `baz.qux` are precisely inferred.\n *\n * ```tsx\n * const { control } = useForm();\n *\n *
{foo}{bar}{baz_qux}
}\n * />\n * ```\n */\nconst Watch = (props) => props.render(useWatch({ name: props.names, ...props }));\n\nexport { Controller, Form, FormProvider, FormStateSubscribe, Watch, appendErrors, createFormControl, get, set, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch };\n//# sourceMappingURL=index.esm.mjs.map\n","import { getBackendSrv } from '@grafana/runtime';\nimport { formKey } from './config';\nimport type { ConfigField, FieldOverride } from '../../../schema/schema';\n\nexport type DatasourceResponse = Record & {\n name: string;\n id: number;\n uid: string;\n access?: 'proxy' | 'direct';\n type?: string;\n typeLogoUrl?: string;\n url?: string;\n withCredentials?: boolean;\n basicAuth?: boolean;\n basicAuthUser?: string;\n user?: string;\n database?: string;\n jsonData?: Record;\n secureJsonFields?: Record;\n readOnly?: boolean;\n};\n\nexport type DatasourceConfigPayload = {\n rootFields: Record;\n jsonData: Record;\n secureJsonData: Record;\n secureJsonFields: Record;\n};\n\nexport type FormValues = Record;\n\nexport const SECURE_FIELD_CONFIGURED = '__CONFIGURED__';\n\n// ============================================================\n// secureKey helpers for per-item secure routing\n// ============================================================\n\n/**\n * Resolve a secureKey template string by replacing placeholders.\n *\n * Supported placeholders:\n * - `{index}` — 0-based array position\n * - `{index1}` — 1-based array position\n * - `{item.KEY}` — value of sibling field `KEY` in the same item object\n */\nexport function resolveSecureKeyTemplate(template: string, item: Record, index: number): string {\n return template\n .replace(/\\{index1\\}/g, String(index + 1))\n .replace(/\\{index\\}/g, String(index))\n .replace(/\\{item\\.(\\w+)\\}/g, (_, key) => String(item[key] ?? ''));\n}\n\n/**\n * Evaluate a simple item-scoped condition like `item.secure == true`.\n * Only supports `item.KEY == VALUE` and the literal `true`.\n * Returns false for expressions it cannot evaluate.\n */\nfunction evaluateItemCondition(condition: string, item: Record): boolean {\n const trimmed = condition.trim();\n if (trimmed === 'true') {\n return true;\n }\n // Match: item.KEY == VALUE (with optional quotes)\n const match = trimmed.match(/^item\\.(\\w+)\\s*==\\s*(.+)$/);\n if (!match) {\n return false;\n }\n const [, key, rawValue] = match;\n const actualValue = item[key];\n // Parse the expected value\n const expected = rawValue.trim();\n if (expected === 'true') {\n return actualValue === true;\n }\n if (expected === 'false') {\n return actualValue === false;\n }\n // String comparison (strip quotes)\n const unquoted = expected.replace(/^['\"]|['\"]$/g, '');\n return String(actualValue) === unquoted;\n}\n\n/**\n * For a given item object at a given index, find the first active secureKey\n * override across all item fields. Returns the resolved secureJsonData key\n * and the item field key whose value should be routed, or null if none active.\n */\nexport function findActiveSecureOverride(\n itemFields: ConfigField[],\n item: Record,\n index: number\n): { fieldKey: string; resolvedKey: string } | null {\n for (const field of itemFields) {\n if (!field.overrides) {\n continue;\n }\n for (const override of field.overrides) {\n if (!override.secureKey) {\n continue;\n }\n if (evaluateItemCondition(override.when, item)) {\n return {\n fieldKey: field.key,\n resolvedKey: resolveSecureKeyTemplate(override.secureKey, item, index),\n };\n }\n }\n }\n return null;\n}\n\nexport type FetchExistingResult = {\n values: FormValues;\n readOnly: boolean;\n error?: string;\n};\n\n/** Indexed pair item as stored in form values. Each item tracks its original storage index. */\nexport type IndexedPairItem = {\n /** Original storage index (e.g. 1 for httpHeaderName1). 0 = new item, not yet persisted. */\n index: number;\n name: string;\n value: string;\n};\n\n/**\n * Build a RegExp that matches keys produced by a pattern like \"httpHeaderName{index}\"\n * and captures the numeric index.\n */\nfunction patternToRegex(pattern: string): RegExp {\n const escaped = pattern.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n return new RegExp('^' + escaped.replace('\\\\{index\\\\}', '(\\\\d+)') + '$');\n}\n\n/**\n * Find all numeric indices present in a record for a given pattern.\n * E.g. for pattern \"httpHeaderName{index}\" and keys {httpHeaderName1, httpHeaderName3}\n * returns a sorted array [1, 3].\n */\nfunction findIndicesForPattern(record: Record, pattern: string): number[] {\n const re = patternToRegex(pattern);\n const indices: number[] = [];\n for (const key of Object.keys(record)) {\n const m = key.match(re);\n if (m) {\n const n = Number(m[1]);\n if (!Number.isNaN(n)) {\n indices.push(n);\n }\n }\n }\n return indices.sort((a, b) => a - b);\n}\n\n/**\n * Expand indexed pair storage (e.g. httpHeaderName1..N / httpHeaderValue1..N)\n * into an array of {index, name, value} items for the form.\n * Each item's `index` tracks its storage position so deletes don't shift others.\n * Scans all keys in the source record to find matching indices — no gap heuristics.\n */\nexport function expandIndexedPair(field: ConfigField, ds: DatasourceResponse): IndexedPairItem[] {\n const storage = field.storage;\n if (storage?.type !== 'indexedPair' || !storage.key || !storage.value) {\n return [];\n }\n const source = storage.key.target === 'jsonData' ? (ds.jsonData ?? {}) : (ds as Record);\n const indices = findIndicesForPattern(source as Record, storage.key.pattern);\n const items: IndexedPairItem[] = [];\n for (const i of indices) {\n const nameKey = storage.key.pattern.replace('{index}', String(i));\n const valueKey = storage.value.pattern.replace('{index}', String(i));\n const nameVal = (source as Record)[nameKey];\n if (nameVal === undefined || nameVal === null) {\n continue;\n }\n const hasValue =\n storage.value.target === 'secureJsonData' ? !!ds.secureJsonFields?.[valueKey] : !!ds.jsonData?.[valueKey];\n items.push({\n index: i,\n name: String(nameVal),\n value: hasValue ? SECURE_FIELD_CONFIGURED : '',\n });\n }\n return items;\n}\n\n/**\n * Flatten an array of indexed pair items back into individual indexed keys\n * for jsonData and secureJsonData.\n */\nexport function flattenIndexedPair(\n field: ConfigField,\n items: IndexedPairItem[],\n jsonData: Record,\n secureJsonData: Record,\n secureJsonFields: Record\n) {\n const storage = field.storage;\n if (storage?.type !== 'indexedPair' || !storage.key || !storage.value) {\n return;\n }\n // Find all existing storage indices by scanning keys in jsonData.\n const existingIndices = new Set(\n storage.key.target === 'jsonData'\n ? findIndicesForPattern(jsonData as Record, storage.key.pattern)\n : []\n );\n\n // Track which indices are still in use by the surviving items.\n const usedIndices = new Set();\n const startIdx = storage.startIndex ?? 1;\n let nextIndex = existingIndices.size > 0 ? Math.max(...existingIndices) + 1 : startIdx;\n\n // Write each item at its original index. New items (index === 0) get the next available.\n for (const item of items) {\n let idx = item.index;\n if (idx === 0) {\n idx = nextIndex++;\n }\n usedIndices.add(idx);\n const nameKey = storage.key.pattern.replace('{index}', String(idx));\n const valueKey = storage.value.pattern.replace('{index}', String(idx));\n if (storage.key.target === 'jsonData') {\n jsonData[nameKey] = item.name;\n }\n if (storage.value.target === 'secureJsonData') {\n if (item.value === SECURE_FIELD_CONFIGURED) {\n secureJsonFields[valueKey] = true;\n } else if (item.value) {\n secureJsonData[valueKey] = item.value;\n secureJsonFields[valueKey] = false;\n }\n } else if (storage.value.target === 'jsonData') {\n jsonData[valueKey] = item.value;\n }\n }\n\n // Clear deleted indices: indices that existed before but are no longer in use.\n for (const idx of existingIndices) {\n if (usedIndices.has(idx)) {\n continue;\n }\n const nameKey = storage.key.pattern.replace('{index}', String(idx));\n const valueKey = storage.value.pattern.replace('{index}', String(idx));\n if (storage.key.target === 'jsonData') {\n delete jsonData[nameKey];\n }\n if (storage.value.target === 'secureJsonData') {\n delete secureJsonFields[valueKey];\n delete secureJsonData[valueKey];\n } else if (storage.value.target === 'jsonData') {\n delete jsonData[valueKey];\n }\n }\n}\n\n/**\n * Resolve a dotted storage path against the raw API response.\n * Handles: \"jsonData.server\", \"root.database\", \"secureJsonData.password\"\n */\nfunction resolveRawPath(ref: string, ds: DatasourceResponse): unknown {\n const trimmed = ref.trim();\n if (trimmed.startsWith('jsonData.')) {\n return ds.jsonData?.[trimmed.slice(9)];\n }\n if (trimmed.startsWith('root.')) {\n return (ds as Record)[trimmed.slice(5)];\n }\n return undefined;\n}\n\nexport async function fetchExistingValues(dsUid: string, fields: ConfigField[]): Promise {\n try {\n const ds: DatasourceResponse = await getBackendSrv().get(`/api/datasources/uid/${dsUid}`, undefined, undefined, {\n showErrorAlert: false,\n });\n\n const values: FormValues = {};\n for (const field of fields) {\n // Expand indexedPair storage: read httpHeaderName1..N + secureJsonFields httpHeaderValue1..N\n if (field.storage?.type === 'indexedPair') {\n values[field.key] = expandIndexedPair(field, ds);\n continue;\n }\n const fk = formKey(field);\n switch (field.target) {\n case 'root':\n if (ds[field.key] !== undefined) {\n values[fk] = ds[field.key];\n }\n break;\n case 'jsonData':\n // Section-scoped fields are stored nested: jsonData.{section}.{key}\n if (field.section) {\n const sectionObj = ds.jsonData?.[field.section] as Record | undefined;\n if (sectionObj?.[field.key] !== undefined) {\n values[fk] = sectionObj[field.key];\n }\n } else if (ds.jsonData?.[field.key] !== undefined) {\n values[fk] = ds.jsonData[field.key];\n }\n break;\n case 'secureJsonData':\n if (ds.secureJsonFields?.[field.key]) {\n values[fk] = SECURE_FIELD_CONFIGURED;\n }\n break;\n }\n\n // Fallback: if value is still missing and field has storage.read,\n // resolve the expression against the raw API response.\n if (values[fk] === undefined && field.storage?.type === 'computed' && field.storage.read) {\n const fallback = resolveRawPath(field.storage.read, ds);\n if (fallback !== undefined) {\n values[fk] = fallback;\n }\n }\n }\n\n // Post-process arrays with secureKey overrides: for each item, check\n // whether the item's value is stored in secureJsonFields and mark it.\n for (const field of fields) {\n if (field.valueType !== 'array' || !field.item?.fields) {\n continue;\n }\n const itemFields = field.item.fields;\n const hasSecureOverride = itemFields.some((f) => f.overrides?.some((o) => o.secureKey));\n if (!hasSecureOverride) {\n continue;\n }\n const fk = formKey(field);\n const arr = values[fk];\n if (!Array.isArray(arr)) {\n continue;\n }\n values[fk] = arr.map((item: Record, idx: number) => {\n const match = findActiveSecureOverride(itemFields, item, idx);\n if (match && ds.secureJsonFields?.[match.resolvedKey]) {\n return { ...item, [match.fieldKey]: SECURE_FIELD_CONFIGURED };\n }\n return item;\n });\n }\n\n return { values, readOnly: !!ds.readOnly };\n } catch (err: unknown) {\n const message = err instanceof Error ? err.message : 'Failed to load datasource configuration';\n return { values: {}, readOnly: false, error: message };\n }\n}\n\nexport function buildDatasourceConfigPayload(\n data: FormValues,\n fields: ConfigField[],\n existing: DatasourceResponse,\n isFieldVisible: (field: ConfigField) => boolean\n): DatasourceConfigPayload {\n const rootFields: Record = {};\n const jsonData: Record = { ...(existing.jsonData ?? {}) };\n const secureJsonData: Record = {};\n const secureJsonFields: Record = { ...(existing.secureJsonFields ?? {}) };\n\n for (const field of fields) {\n // Flatten indexedPair storage back into individual indexed keys\n if (field.storage?.type === 'indexedPair') {\n const items = Array.isArray(data[field.key]) ? (data[field.key] as IndexedPairItem[]) : [];\n flattenIndexedPair(field, items, jsonData, secureJsonData, secureJsonFields);\n continue;\n }\n\n // Always include fields managed by effects (tagged \"managed-by:*\")\n // even when they're hidden from the UI — their values are set by effects.\n const isManagedByEffect = field.tags?.some((t) => t.startsWith('managed-by:'));\n if (!isManagedByEffect && !isFieldVisible(field)) {\n continue;\n }\n const fk = formKey(field);\n const value = data[fk];\n\n if (field.target === 'secureJsonData') {\n if (value === SECURE_FIELD_CONFIGURED) {\n secureJsonFields[field.key] = true;\n continue;\n }\n if (value && value !== '') {\n secureJsonData[field.key] = String(value);\n secureJsonFields[field.key] = false;\n } else {\n secureJsonFields[field.key] = false;\n }\n continue;\n }\n\n if (value === undefined || value === '') {\n continue;\n }\n switch (field.target) {\n case 'root':\n rootFields[field.key] = value;\n break;\n case 'jsonData':\n // Section-scoped fields write to jsonData.{section}.{key}\n if (field.section) {\n if (!jsonData[field.section] || typeof jsonData[field.section] !== 'object') {\n jsonData[field.section] = {};\n }\n (jsonData[field.section] as Record)[field.key] = value;\n } else {\n jsonData[field.key] = value;\n }\n break;\n }\n }\n\n // Post-process arrays with secureKey overrides: route values to secureJsonData\n // and clean up stale secure keys from previous saves.\n for (const field of fields) {\n if (field.valueType !== 'array' || !field.item?.fields || field.target !== 'jsonData') {\n continue;\n }\n const itemFields = field.item.fields;\n const hasSecureOverride = itemFields.some((f) => f.overrides?.some((o) => o.secureKey));\n if (!hasSecureOverride) {\n continue;\n }\n const arr = (\n field.section ? (jsonData[field.section] as Record)?.[field.key] : jsonData[field.key]\n ) as Array> | undefined;\n if (!Array.isArray(arr)) {\n continue;\n }\n\n // Collect all secureKey patterns from this field's item overrides for cleanup\n const secureKeyOverrides: Array<{ fieldKey: string; override: FieldOverride }> = [];\n for (const f of itemFields) {\n for (const o of f.overrides ?? []) {\n if (o.secureKey) {\n secureKeyOverrides.push({ fieldKey: f.key, override: o });\n }\n }\n }\n\n // Track which secure keys are still active so we can remove stale ones\n const activeSecureKeys = new Set();\n\n for (let i = 0; i < arr.length; i++) {\n const item = arr[i];\n const match = findActiveSecureOverride(itemFields, item, i);\n if (!match) {\n continue;\n }\n const resolvedKey = match.resolvedKey;\n activeSecureKeys.add(resolvedKey);\n const itemValue = item[match.fieldKey];\n\n if (itemValue === SECURE_FIELD_CONFIGURED) {\n // Value already stored in secureJsonData, keep it\n secureJsonFields[resolvedKey] = true;\n } else if (itemValue && itemValue !== '') {\n // New or updated secret value — route to secureJsonData\n secureJsonData[resolvedKey] = String(itemValue);\n secureJsonFields[resolvedKey] = false;\n // Clear the value from the inline array\n item[match.fieldKey] = '';\n }\n }\n\n // Remove stale secure keys that were previously set but are no longer in the array\n const existingSecureFields = existing.secureJsonFields ?? {};\n for (const existingKey of Object.keys(existingSecureFields)) {\n // Check if this key could have been produced by any of this field's secureKey templates\n const couldBeFromThisField = secureKeyOverrides.some((sko) => {\n // Simple heuristic: check if the existing key starts with the static prefix\n // of the template (everything before the first placeholder)\n const staticPrefix = sko.override.secureKey!.split('{')[0];\n return staticPrefix && existingKey.startsWith(staticPrefix);\n });\n if (couldBeFromThisField && !activeSecureKeys.has(existingKey)) {\n secureJsonFields[existingKey] = false;\n secureJsonData[existingKey] = '';\n }\n }\n }\n\n return { rootFields, jsonData, secureJsonData, secureJsonFields };\n}\n\nexport async function submitDatasourceConfig(\n dsUid: string,\n data: FormValues,\n fields: ConfigField[],\n isFieldVisible: (field: ConfigField) => boolean\n): Promise {\n const existing: DatasourceResponse = await getBackendSrv().get(`/api/datasources/uid/${dsUid}`);\n const { rootFields, jsonData, secureJsonData, secureJsonFields } = buildDatasourceConfigPayload(\n data,\n fields,\n existing,\n isFieldVisible\n );\n\n await getBackendSrv().put(`/api/datasources/uid/${dsUid}`, {\n ...existing,\n ...rootFields,\n jsonData,\n secureJsonData,\n secureJsonFields,\n });\n}\n","import { parseDependsOn, evaluateDependsOn, formKey, getWatchedValue } from '../config';\nimport { evaluateCelExpression } from '../cel';\nimport { SECURE_FIELD_CONFIGURED } from '../datasource';\nimport type { ConfigField } from '../../../../schema/schema';\n\n/**\n * Evaluate an effect's `when` condition against a field value.\n * Supports: \"value == 'literal'\", \"value == true\", \"value != 'literal'\"\n * The keyword `value` refers to the current value of the source field.\n */\nexport function evaluateEffectCondition(when: string, fieldValue: unknown): boolean {\n const m = when.match(/^value\\s*(==|!=)\\s*(?:'([^']*)'|\"([^\"]*)\"|(.+))$/);\n if (!m) {\n return false;\n }\n const op = m[1];\n let target: unknown = m[2] ?? m[3] ?? m[4];\n if (target === 'true') {\n target = true;\n } else if (target === 'false') {\n target = false;\n } else if (typeof target === 'string' && /^-?\\d+(\\.\\d+)?$/.test(target)) {\n target = Number(target);\n }\n\n const eq = String(fieldValue) === String(target);\n return op === '==' ? eq : !eq;\n}\n\n/**\n * Evaluate whether a field is currently required, considering both the static\n * `required` flag and the conditional `requiredWhen` expression.\n */\nexport function isFieldRequired(\n field: ConfigField,\n watchedValues: Record,\n fieldById: Map,\n celContext?: Record\n): boolean {\n if (field.required) {\n return true;\n }\n if (field.requiredWhen) {\n // Use CEL evaluation if context is available (supports compound expressions)\n if (celContext) {\n return evaluateCelExpression(field.requiredWhen, celContext);\n }\n // Fallback to simple parser for backward compatibility\n const parsed = parseDependsOn(field.requiredWhen);\n if (parsed) {\n const depField = fieldById.get(parsed.field);\n const depKey = depField ? formKey(depField) : parsed.field;\n return evaluateDependsOn(parsed, getWatchedValue(watchedValues, depKey));\n }\n }\n return false;\n}\n\nexport function buildValidationRules(field: ConfigField, required: boolean) {\n const rules: Record = {};\n const label = field.label ?? field.key;\n\n if (required) {\n if (field.target === 'secureJsonData') {\n rules.validate = (value: unknown) => {\n if (value === SECURE_FIELD_CONFIGURED) {\n return true;\n }\n if (!value || value === '') {\n return `${label} is required`;\n }\n return true;\n };\n } else {\n rules.required = `${label} is required`;\n }\n }\n\n // Validate required item fields inside object arrays.\n // Returns a JSON-encoded map of {itemIndex: \"message\"} so ObjectArrayEditor\n // can render errors inline per item. react-hook-form treats any non-true\n // string as an error message.\n if (field.valueType === 'array' && field.item?.valueType === 'object' && field.item.fields?.length) {\n const requiredItemFields = field.item.fields.filter((f) => f.required);\n if (requiredItemFields.length > 0) {\n const existingValidate = rules.validate as ((v: unknown) => true | string) | undefined;\n rules.validate = (value: unknown) => {\n if (existingValidate) {\n const r = existingValidate(value);\n if (r !== true) {\n return r;\n }\n }\n if (!Array.isArray(value)) {\n return true;\n }\n const itemErrors: Record = {};\n for (let i = 0; i < value.length; i++) {\n const item = value[i] as Record;\n const missing: string[] = [];\n for (const rf of requiredItemFields) {\n const v = item[rf.key];\n if (v === undefined || v === null || v === '') {\n missing.push(rf.label ?? rf.key);\n }\n }\n if (missing.length > 0) {\n itemErrors[i] = `${missing.join(', ')} required`;\n }\n }\n if (Object.keys(itemErrors).length === 0) {\n return true;\n }\n // Encode as JSON so ObjectArrayEditor can parse and show per-item\n return `__ITEM_ERRORS__${JSON.stringify(itemErrors)}`;\n };\n }\n }\n\n if (field.validations) {\n for (const v of field.validations) {\n switch (v.type) {\n case 'pattern':\n rules.pattern = {\n value: new RegExp(v.pattern),\n message: v.message ?? `Invalid ${label}`,\n };\n break;\n case 'range':\n if (v.min !== undefined) {\n rules.min = { value: v.min, message: v.message ?? `Minimum value is ${v.min}` };\n }\n if (v.max !== undefined) {\n rules.max = { value: v.max, message: v.message ?? `Maximum value is ${v.max}` };\n }\n break;\n case 'length':\n if (v.min !== undefined) {\n rules.minLength = { value: v.min, message: v.message ?? `Minimum length is ${v.min}` };\n }\n if (v.max !== undefined) {\n rules.maxLength = { value: v.max, message: v.message ?? `Maximum length is ${v.max}` };\n }\n break;\n }\n }\n }\n\n return rules;\n}\nconst ITEM_ERRORS_PREFIX = '__ITEM_ERRORS__';\n\n/**\n * Parse a per-item error message encoded by buildValidationRules.\n * Returns a map of item index → error message, or null if not an item error.\n */\nexport function parseItemErrors(errorMessage: string | undefined): Record | null {\n if (!errorMessage || !errorMessage.startsWith(ITEM_ERRORS_PREFIX)) {\n return null;\n }\n try {\n return JSON.parse(errorMessage.slice(ITEM_ERRORS_PREFIX.length));\n } catch {\n return null;\n }\n}\n","import React from 'react';\nimport { Input, Select, RadioButtonGroup, Switch, TextArea } from '@grafana/ui';\nimport type { FieldInputProps } from './types';\n\n/** Plain text input — the default when no other kind matches. */\nexport function TextInput({ field, formField, disabled }: FieldInputProps) {\n return (\n \n );\n}\n\n/** Numeric input that preserves `undefined` for empty/NaN values. */\nexport function NumberInput({ field, formField, disabled }: FieldInputProps) {\n const value = formField.value;\n return (\n {\n const n = e.currentTarget.valueAsNumber;\n formField.onChange(Number.isNaN(n) ? undefined : n);\n }}\n />\n );\n}\n\n/** Boolean toggle. */\nexport function BooleanInput({ formField, disabled }: FieldInputProps) {\n return (\n formField.onChange(e.currentTarget.checked)}\n disabled={disabled}\n />\n );\n}\n\n/** Multi-line text input. */\nexport function TextAreaInput({ field, formField, disabled }: FieldInputProps) {\n return (\n \n );\n}\n\n/** Dropdown select. Values are compared as strings to match the option list. */\nexport function SelectInput({ field, formField, disabled }: FieldInputProps) {\n const options = (field.ui?.options ?? []).map((opt) => ({\n label: opt.label,\n value: String(opt.value),\n description: opt.description,\n }));\n return (\n o.value === String(formField.value ?? ''))}\n onChange={(v) => formField.onChange(v?.value)}\n disabled={disabled}\n />\n );\n}\n\n/** Radio button group. Preserves the field's native number type on change. */\nexport function RadioInput({ field, formField, disabled }: FieldInputProps) {\n const options = (field.ui?.options ?? []).map((opt) => ({\n label: opt.label,\n value: String(opt.value),\n description: opt.description,\n }));\n return (\n
\n {\n // Preserve the field's native type when the radio value is selected.\n if (field.valueType === 'number') {\n const n = Number(v);\n formField.onChange(Number.isNaN(n) ? v : n);\n } else {\n formField.onChange(v);\n }\n }}\n disabled={disabled}\n />\n
\n );\n}\n","import React, { useState } from 'react';\nimport { css } from '@emotion/css';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Button, Input, Icon } from '@grafana/ui';\nimport { SECURE_FIELD_CONFIGURED } from '../datasource';\nimport type { FormFieldRef, FieldInputProps } from './types';\n\ntype Props = {\n formField: FormFieldRef;\n placeholder?: string;\n disabled?: boolean;\n label: string;\n};\n\n/** Password/token stored in secureJsonData. */\nexport function SecureInput({ field, formField, disabled }: FieldInputProps) {\n const label = field.label ?? field.key;\n return (\n \n );\n}\n\nexport function SecureFieldInput(props: Props) {\n const { formField, placeholder, disabled } = props;\n const isConfigured = formField.value === SECURE_FIELD_CONFIGURED;\n const [revealed, setRevealed] = useState(false);\n const styles = useStyles2(getSecureFieldStyles);\n\n if (isConfigured) {\n return (\n
\n \n \n Configured\n \n {!disabled && (\n \n )}\n
\n );\n }\n\n return (\n setRevealed((r) => !r)}\n type=\"button\"\n />\n }\n />\n );\n}\n\nexport const getSecureFieldStyles = (theme: GrafanaTheme2) => ({\n configuredRow: css({\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n whiteSpace: 'nowrap',\n }),\n configuredBadge: css({\n display: 'inline-flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n padding: `${theme.spacing(0.25)} ${theme.spacing(0.75)}`,\n borderRadius: theme.shape.radius.pill,\n backgroundColor: theme.colors.success.transparent,\n color: theme.colors.success.text,\n fontSize: theme.typography.bodySmall.fontSize,\n whiteSpace: 'nowrap',\n }),\n});\n","import React, { useEffect, useRef } from 'react';\nimport { css } from '@emotion/css';\nimport { useStyles2, Button, Input, Stack, Tooltip } from '@grafana/ui';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport type { FieldInputProps } from './types';\n\ntype Props = {\n value: string[];\n onChange: (v: string[]) => void;\n placeholder?: string;\n disabled?: boolean;\n itemLabel?: string;\n};\n\nexport function StringArrayField({ field, formField, disabled }: FieldInputProps) {\n const label = field.label ?? field.key;\n return (\n \n );\n}\n\nexport const StringArrayInput = (props: Props) => {\n const { value, onChange, placeholder, disabled, itemLabel = 'item' } = props;\n const styles = useStyles2(getStyles);\n const items = Array.isArray(value) ? value : [];\n\n const lastInputRef = useRef(null);\n const shouldFocusLastRef = useRef(false);\n\n useEffect(() => {\n if (shouldFocusLastRef.current && lastInputRef.current) {\n lastInputRef.current.focus();\n shouldFocusLastRef.current = false;\n }\n }, [items.length]);\n\n const addItem = () => {\n shouldFocusLastRef.current = true;\n onChange([...items, '']);\n };\n\n const removeItem = (index: number) => {\n onChange(items.filter((_, i) => i !== index));\n };\n\n const updateItem = (index: number, val: string) => {\n onChange(items.map((item, i) => (i === index ? val : item)));\n };\n\n const isItemValid = (index: number, val: string): boolean => {\n const trimmed = val.trim();\n if (trimmed === '') {\n return false;\n }\n return !items.some((item, i) => i !== index && item.trim() === trimmed);\n };\n\n const handleEnter = (index: number, currentValue: string) => {\n if (!isItemValid(index, currentValue)) {\n return;\n }\n if (index === items.length - 1) {\n shouldFocusLastRef.current = true;\n onChange([...items, '']);\n }\n };\n\n return (\n \n {items.map((item, i) => (\n \n
\n updateItem(i, e.currentTarget.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleEnter(i, e.currentTarget.value);\n }\n }}\n />\n
\n {!disabled && (\n \n removeItem(i)}\n type=\"button\"\n />\n \n )}\n \n ))}\n {!disabled && (\n
\n \n
\n )}\n \n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n inputCell: css({\n flex: '1 1 0',\n minWidth: 0,\n overflow: 'hidden',\n }),\n});\n","import React, { useState } from 'react';\nimport { css } from '@emotion/css';\nimport { useStyles2, Button, Input, Icon, Tooltip, Stack } from '@grafana/ui';\nimport { SECURE_FIELD_CONFIGURED, type IndexedPairItem } from '../datasource';\nimport { getSecureFieldStyles } from './SecureFieldInput';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport type { FieldInputProps } from './types';\n\ntype Props = {\n value: IndexedPairItem[];\n onChange: (items: IndexedPairItem[]) => void;\n maxItems?: number;\n disabled?: boolean;\n hideControls?: boolean;\n itemLabel?: string;\n};\n\n/** Editable key/value list backed by indexed storage (e.g. HTTP headers). */\nexport function IndexedPairInput({ field, formField, disabled }: FieldInputProps) {\n const items = Array.isArray(formField.value) ? (formField.value as IndexedPairItem[]) : [];\n const maxItems =\n field.validations?.find((v): v is { type: 'itemCount'; max?: number } => v.type === 'itemCount')?.max ?? 10;\n const itemLabel = field.label?.toLowerCase().replace(/s$/, '') ?? 'header';\n return (\n \n );\n}\n\nexport const IndexedPairEditor = (props: Props) => {\n const { value, onChange, maxItems = 10, disabled, hideControls, itemLabel = 'header' } = props;\n const styles = useStyles2(getStyles);\n const items = Array.isArray(value) ? value : [];\n const addItem = () => {\n if (items.length >= maxItems) {\n return;\n }\n onChange([...items, { index: 0, name: '', value: '' }]);\n };\n const removeItem = (index: number) => {\n onChange(items.filter((_, i) => i !== index));\n };\n const updateItem = (index: number, key: 'name' | 'value', val: string) => {\n const updated = items.map((item, i) => (i === index ? { ...item, [key]: val } : item));\n onChange(updated);\n };\n return (\n \n {items.map((item, i) => (\n \n ))}\n {!hideControls && items.length < maxItems && (\n
\n \n
\n )}\n {!hideControls && items.length >= maxItems && (\n \n Maximum {maxItems} {itemLabel}s reached\n \n )}\n \n );\n};\n\ntype IndexedPairRowProps = {\n item: IndexedPairItem;\n index: number;\n disabled?: boolean;\n onUpdate: (index: number, key: 'name' | 'value', val: string) => void;\n onRemove: (index: number) => void;\n hideControls?: boolean;\n itemLabel?: string;\n};\n\nconst IndexedPairRow = (props: IndexedPairRowProps) => {\n const { item, index, disabled, onUpdate, onRemove, hideControls, itemLabel = 'header' } = props;\n const styles = useStyles2(getStyles);\n const secureStyles = useStyles2(getSecureFieldStyles);\n const isConfigured = item.value === SECURE_FIELD_CONFIGURED;\n const [editing, setEditing] = useState(false);\n const [revealed, setRevealed] = useState(false);\n return (\n \n
\n onUpdate(index, 'name', e.currentTarget.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n }\n }}\n />\n
\n
\n {isConfigured && !editing ? (\n \n \n \n Configured\n \n {!disabled && (\n {\n setEditing(true);\n onUpdate(index, 'value', '');\n }}\n type=\"button\"\n >\n Reset\n \n )}\n \n ) : (\n onUpdate(index, 'value', e.currentTarget.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n }\n }}\n suffix={\n setRevealed((r) => !r)}\n type=\"button\"\n />\n }\n />\n )}\n
\n {!hideControls && (\n \n onRemove(index)}\n type=\"button\"\n />\n \n )}\n \n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n inputCell: css({\n flex: '1 1 0',\n minWidth: 0,\n overflow: 'hidden',\n }),\n limitNote: css({\n fontSize: theme.typography.bodySmall.fontSize,\n color: theme.colors.text.secondary,\n }),\n});\n","import React, { useState, useCallback } from 'react';\nimport { FileDropzone, TextArea, Button, useTheme2 } from '@grafana/ui';\nimport { css } from '@emotion/css';\nimport type { ConfigField } from '../../../../schema/schema';\nimport type { FormFieldRef, FieldInputProps } from './types';\n\ntype EntryMode = 'upload' | 'paste' | 'manual';\n\ntype Props = {\n field: ConfigField;\n formField: FormFieldRef;\n disabled?: boolean;\n setValue: (name: string, value: unknown) => void;\n};\n\nexport function FileUploadInput({ field, formField, disabled, setValue }: FieldInputProps) {\n // Only reachable when setValue exists (see resolveFieldInputKind), but guard anyway.\n if (!setValue) {\n return null;\n }\n return ;\n}\n\nfunction FileUploadField(props: Props) {\n const { field, formField, disabled, setValue } = props;\n const [mode, setModeLocal] = useState('upload');\n const [error, setError] = useState(null);\n const theme = useTheme2();\n const mapping = field.ui?.fileMapping;\n const accept = field.ui?.accept ?? ['.json'];\n\n // Write mode into this field's own Controller value so dependsOn can observe it.\n // e.g. other fields use dependsOn: \"virtual.jwtUpload == 'manual'\" to show/hide.\n const setMode = useCallback(\n (next: EntryMode) => {\n setModeLocal(next);\n formField.onChange(next);\n },\n [formField]\n );\n\n const processJson = useCallback(\n (text: string) => {\n const fileMapping = mapping ?? {};\n try {\n const parsed = JSON.parse(text);\n if (typeof parsed !== 'object' || parsed === null) {\n setError('Invalid JSON object');\n return;\n }\n const requiredKeys = Object.keys(fileMapping);\n const missingKeys = requiredKeys.filter((k) => parsed[k] === undefined);\n if (missingKeys.length > 0) {\n setError(`Missing keys: ${missingKeys.join(', ')}`);\n return;\n }\n for (const [jsonKey, targetFieldId] of Object.entries(fileMapping)) {\n if (parsed[jsonKey] !== undefined) {\n const parts = targetFieldId.split('.');\n const fk = parts.length === 2 ? parts[1] : targetFieldId;\n setValue(fk, parsed[jsonKey]);\n }\n }\n setError(null);\n setModeLocal('manual');\n formField.onChange('manual');\n } catch {\n setError('Invalid JSON');\n }\n },\n [mapping, setValue, formField]\n );\n\n const styles = getStyles(theme);\n\n // Manual mode: just show toggle buttons, fields below are rendered by schema\n if (mode === 'manual') {\n return (\n
\n \n or\n \n
\n );\n }\n\n // Paste mode: textarea + toggle buttons\n if (mode === 'paste') {\n return (\n
\n {\n const val = e.currentTarget.value;\n if (val.trim()) {\n processJson(val);\n }\n }}\n disabled={disabled}\n />\n
\n \n or\n \n
\n {error && {error}}\n
\n );\n }\n\n // Upload mode (default): FileDropzone + toggle buttons\n return (\n
\n {\n if (typeof result === 'string') {\n processJson(result);\n }\n }}\n />\n
\n \n or\n \n
\n {error && {error}}\n
\n );\n}\n\nfunction getStyles(theme: ReturnType) {\n return {\n buttonRow: css({\n marginTop: theme.spacing(1),\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n }),\n separator: css({\n padding: `0 ${theme.spacing(0.5)}`,\n color: theme.colors.text.secondary,\n }),\n error: css({\n color: theme.colors.error.text,\n fontSize: theme.typography.bodySmall.fontSize,\n marginTop: theme.spacing(0.5),\n display: 'block',\n }),\n };\n}\n","import React from 'react';\nimport { css } from '@emotion/css';\nimport { useStyles2, Button, Tooltip, Stack } from '@grafana/ui';\nimport { SECURE_FIELD_CONFIGURED, findActiveSecureOverride } from '../datasource';\nimport { FieldInput } from './FieldInput';\nimport { parseItemErrors } from './fieldUtils';\nimport { type ConfigField } from '../../../../schema/schema';\nimport { type GrafanaTheme2 } from '@grafana/data';\nimport { type FormFieldRef, type FieldInputProps } from './types';\n\ntype Props = {\n field: ConfigField;\n value: unknown;\n onChange: (items: Array>) => void;\n disabled?: boolean;\n errorMessage?: string;\n};\n\n/** Inline editor for an array of objects with defined item fields. */\nexport function ObjectArrayInput({ field, formField, disabled, errorMessage }: FieldInputProps) {\n return (\n \n );\n}\n\nfunction ObjectArrayEditor(props: Props) {\n const { field, value, onChange, disabled, errorMessage } = props;\n const styles = useStyles2(getStyles);\n const itemFields = field.item?.fields ?? [];\n const layoutRows = computeLayoutRows(itemFields);\n const items = Array.isArray(value) ? (value as Array>) : [];\n const maxItems =\n field.validations?.find((v): v is { type: 'itemCount'; max?: number } => v.type === 'itemCount')?.max ?? 20;\n const label = field.label ?? field.key;\n const itemErrors = parseItemErrors(errorMessage);\n\n const addItem = () => {\n if (items.length >= maxItems) {\n return;\n }\n const empty: Record = {};\n for (const f of itemFields) {\n if (f.valueType === 'boolean') {\n empty[f.key] = f.defaultValue ?? false;\n } else {\n empty[f.key] = f.defaultValue ?? '';\n }\n }\n onChange([...items, empty]);\n };\n\n const removeItem = (index: number) => {\n onChange(items.filter((_, i) => i !== index));\n };\n\n const updateItem = (index: number, key: string, val: unknown) => {\n const updated = items.map((item, i) => (i === index ? { ...item, [key]: val } : item));\n onChange(updated);\n };\n\n return (\n \n {items.map((item, i) => (\n \n ))}\n {items.length < maxItems && (\n
\n \n
\n )}\n {items.length >= maxItems && Maximum {maxItems} items reached}\n \n );\n}\n\nfunction computeLayoutRows(fields: ConfigField[]): ConfigField[][] {\n const hasExplicitRow = fields.some((f) => f.ui?.row !== undefined);\n\n if (!hasExplicitRow) {\n if (fields.length <= 3) {\n return [fields];\n }\n return fields.map((f) => [f]);\n }\n\n // Group by row number\n const rowMap = new Map();\n const noRow: ConfigField[] = [];\n\n for (const f of fields) {\n if (f.ui?.row !== undefined) {\n const existing = rowMap.get(f.ui.row);\n if (existing) {\n existing.push(f);\n } else {\n rowMap.set(f.ui.row, [f]);\n }\n } else {\n noRow.push(f);\n }\n }\n\n // Sort by row number ascending\n const sortedKeys = [...rowMap.keys()].sort((a, b) => a - b);\n const rows: ConfigField[][] = sortedKeys.map((k) => rowMap.get(k)!);\n\n // Append fields without row, one per row\n for (const f of noRow) {\n rows.push([f]);\n }\n\n return rows;\n}\n\nfunction makeItemFormField(\n item: Record,\n index: number,\n fieldKey: string,\n onUpdate: (index: number, key: string, value: unknown) => void\n): FormFieldRef {\n return {\n name: `item-${index}-${fieldKey}`,\n value: item[fieldKey],\n onChange: (eventOrValue: unknown) => {\n // FieldInput spreads formField onto /