@splunk/dynamic-editors 0.38.1 → 0.38.3

package/editors/DynamicItemEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicItemEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/StaticItemEditor.jsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/objectWithoutProperties\"","webpack://@splunk/dynamic-editors/./src/editors/TextEditor.jsx","webpack://@splunk/dynamic-editors/./src/editors/ColumnSelectionEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/DynamicItemEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/useColumnSelectorFooterMessage.tsx","webpack://@splunk/dynamic-editors/./src/hooks/useDataSource.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/ColumnSelectorFooterMessage.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","webpack://@splunk/dynamic-editors/./src/utils/columnSelectionUtils.ts","webpack://@splunk/dynamic-editors/./src/utils/dynamicItemInputEditor.ts","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/defineProperty\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/extends\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ColumnLayout\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/FormRows\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Select\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Text\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Tooltip\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/themes\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/format\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/DataSourceContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/DslParser\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/EncodingParser\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/utils/dsl\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/utils/types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/dataSourceUtils\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/runtime/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/webpack/startup"],"sourcesContent":["import React, { useCallback, useState, useEffect } from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { isEqual, uniqBy } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport FormRows from '@splunk/react-ui/FormRows';\nimport TextEditor from './TextEditor';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\nconst RowContainer = styled.div`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    [data-test='control-group'] {\n        margin: 0;\n    }\n`;\n\nconst formRowHeader = (\n    <RowContainer>\n        <span data-test=\"form-row-header-label\">{_('Label')}</span>\n        <span data-test=\"form-row-header-value\">{_('Value')}</span>\n    </RowContainer>\n);\n\n/**\n * Remove an item from an array, return a new array\n * @param {Array} items The list of items\n * @param {Number} index The index of the item to remove\n * @returns {Array} list of items without the item at the specified index\n */\nconst removeItem = (items, index) => items.filter((_item, idx) => idx !== index);\n\n/**\n * Detect when a list of static items contains an invalid entry\n * @param {StaticItem[]} items List of static items\n * @returns {Boolean} true when no label or value is an empty string\n */\nconst isValid = items =>\n    // exit early when an error found\n    !items.some(\n        ({ label, value }) =>\n            typeof label !== 'string' ||\n            label.trim() === '' ||\n            typeof value !== 'string' ||\n            value.trim() === ''\n    ) &&\n    uniqBy(items, item => item.value).length === items.length &&\n    uniqBy(items, item => item.label).length === items.length;\n\n/**\n * Detect if a label or value in the list is an error case\n * @param {String} value either an item label or value\n * @param {StaticItem[]} items List of all items\n * @param {label | value} key The StaticItem key to check\n */\nconst isItemError = (value, items, key) => {\n    // Just have an invalid type\n    if (typeof value !== 'string' || value.trim() === '') {\n        return true;\n    }\n\n    // Check the value is unique\n    return items.filter(i => i[key] === value).length > 1;\n};\n\nconst isLabelError = (label, items) => isItemError(label, items, 'label');\nconst isValueError = (value, items) => isItemError(value, items, 'value');\n\nconst InputContainer = styled.div`\n    width: 100%;\n`;\n\nconst defaultValue = [];\n\nconst StaticItemEditor = ({\n    onChange,\n    name,\n    value = defaultValue,\n    labelPosition = 'top',\n    label = '',\n    validate,\n}) => {\n    const [staticItems, setItems] = useState(value);\n    const [nextIndex, setIndex] = useState(value.length);\n\n    useEffect(() => {\n        setItems(value);\n        if (value.length > nextIndex) {\n            setIndex(value.length);\n        }\n    }, [value, nextIndex]);\n\n    const handleChange = useCallback(\n        newItems => {\n            if (!isEqual(newItems, value) && isValid(newItems)) {\n                // don't save newItems to state,\n                // as this component will get a prop change as a result of the onChange call\n                onChange(null, name, newItems);\n            } else {\n                // save invalid values so UI updates.\n                setItems(newItems);\n            }\n        },\n        [value, name, onChange]\n    );\n\n    const handleRequestRemove = useCallback(\n        (_evt, { index }) => {\n            const newItems = removeItem(staticItems, index);\n\n            handleChange(newItems);\n        },\n        [staticItems, handleChange]\n    );\n\n    const handleRequestMove = useCallback(\n        ({ fromIndex, toIndex }) => {\n            const item = staticItems[fromIndex];\n            const newItems = removeItem(staticItems, fromIndex);\n\n            newItems.splice(toIndex, 0, item);\n            handleChange(newItems);\n        },\n        [staticItems, handleChange]\n    );\n\n    const handleItemChange = useCallback(\n        (idx, key) =>\n            (_evt, _name, val = '') => {\n                const item = staticItems[idx];\n                const newItems = [...staticItems];\n\n                newItems.splice(idx, 1, { ...item, [key]: val.trim() });\n                handleChange(newItems);\n            },\n        [staticItems, handleChange]\n    );\n\n    const handleRequestAdd = useCallback(() => {\n        const newItems = staticItems.concat({\n            label: `Label ${nextIndex}`,\n            value: `menu_v${nextIndex}`,\n        });\n\n        setIndex(nextIndex + 1);\n        handleChange(newItems);\n    }, [staticItems, nextIndex, handleChange]);\n\n    const rows = staticItems.map((item, idx) => {\n        const { label: l, value: v } = item;\n        return (\n            <FormRows.Row\n                index={idx}\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${l}_${v}_${idx}`} // NOSONAR\n                onRequestRemove={handleRequestRemove}\n            >\n                <RowContainer>\n                    <TextEditor\n                        label={_('Label')}\n                        hideLabel\n                        value={l}\n                        onChange={handleItemChange(idx, 'label')}\n                        name=\"item-label-editor\"\n                        error={isLabelError(l, staticItems)}\n                        validate={validate}\n                    />\n                    <TextEditor\n                        label={_('Value')}\n                        hideLabel\n                        value={v}\n                        onChange={handleItemChange(idx, 'value')}\n                        name=\"item-value-editor\"\n                        error={isValueError(v, staticItems)}\n                        validate={validate}\n                    />\n                </RowContainer>\n            </FormRows.Row>\n        );\n    });\n\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition}>\n            <InputContainer>\n                <FormRows\n                    addLabel={_('Add new')}\n                    header={formRowHeader}\n                    onRequestAdd={handleRequestAdd}\n                    onRequestMove={handleRequestMove}\n                >\n                    {rows}\n                </FormRows>\n            </InputContainer>\n        </ControlGroup>\n    );\n};\n\nStaticItemEditor.propTypes = {\n    /**\n     * Callback when changing the text value\n     *\n     * onChange function has the following properties\n     * @param {SyntheticEvent} event The react `SyntheticEvent`\n     * @param {String} name The option name\n     * @param {StaticItem[]} value The option value\n     */\n    onChange: T.func.isRequired,\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n    /**\n     * A human readable label for the option\n     */\n    label: T.string,\n    /**\n     * The option value\n     */\n    value: T.arrayOf(T.exact({ label: T.string, value: T.string })),\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n    /**\n     * Validate the value of the editor\n     */\n    validate: T.func,\n};\n\nexport default StaticItemEditor;\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@babel/runtime/helpers/objectWithoutProperties\");","import React, { useState, useCallback, useEffect, useMemo } from 'react';\nimport T from 'prop-types';\nimport { debounce } from 'lodash';\nimport Text from '@splunk/react-ui/Text';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport { editorStyle } from '../shared/dimensionConstants';\n\nconst defaultLabelStyle = {};\n\nconst TextEditor = ({\n    onChange,\n    name,\n    value = '',\n    label,\n    labelPosition = 'top',\n    labelWidth,\n    labelStyle = defaultLabelStyle,\n    hideLabel = false,\n    isAdvanced,\n    isDisabled = false,\n    help,\n    tooltip,\n    validate,\n    error,\n    ...otherProps\n}) => {\n    const [val, setValueState] = useState(value);\n\n    const handleValidate = useCallback(\n        newValue => (typeof validate === 'function' ? validate({ value: newValue }) : null),\n        [validate]\n    );\n    const [errorState, setErrorState] = useState(handleValidate(value));\n    const debouncedHandleValidate = useMemo(\n        () =>\n            debounce(newVal => {\n                setErrorState(handleValidate(newVal));\n            }, 250),\n        [handleValidate]\n    );\n\n    useEffect(\n        () => () => {\n            // cancel debounce on component unmount\n            debouncedHandleValidate.cancel();\n        },\n        [debouncedHandleValidate]\n    );\n\n    useEffect(() => {\n        setValueState(value);\n        setErrorState(handleValidate(value));\n    }, [handleValidate, value]);\n\n    const handleChange = useCallback(\n        (_event, { value: v }) => {\n            setValueState(v);\n            debouncedHandleValidate(v);\n        },\n        [debouncedHandleValidate]\n    );\n\n    const handleBlur = useCallback(\n        event => {\n            const newVal = val.trim();\n            if (newVal === value) {\n                return;\n            }\n            const newError = handleValidate(newVal);\n            // set error if there is one, or clear an existing error\n            setErrorState(newError);\n            if (!newError) {\n                // only change value if there is no validation error\n                onChange(event, name, newVal);\n            }\n        },\n        [val, value, handleValidate, onChange, name]\n    );\n\n    const handleKeyPress = useCallback(\n        event => {\n            if (event.key === 'Enter') {\n                handleBlur(event);\n            }\n        },\n        [handleBlur]\n    );\n\n    const style = useMemo(\n        () =>\n            !label || label === ''\n                ? {\n                      ...labelStyle,\n                  }\n                : labelStyle,\n        [label, labelStyle]\n    );\n\n    return (\n        <ControlGroup\n            label={label}\n            labelPosition={labelPosition}\n            labelWidth={labelWidth}\n            style={style}\n            hideLabel={hideLabel}\n            help={help}\n            tooltip={tooltip}\n            error={errorState?.message || error}\n            isAdvanced={isAdvanced}\n        >\n            <Text\n                key={value}\n                data-test={name}\n                style={editorStyle}\n                onChange={handleChange}\n                onKeyDown={handleKeyPress}\n                onBlur={handleBlur}\n                value={val}\n                disabled={isDisabled}\n                canClear\n                {...otherProps}\n                error={!!errorState || error}\n            />\n        </ControlGroup>\n    );\n};\n\nTextEditor.propTypes = {\n    /**\n     * Callback when changing the text value\n     *\n     * @param {SyntheticEvent} event The react `SyntheticEvent`\n     * @param {string} name The option name\n     * @param {string} value The option value\n     */\n    onChange: T.func.isRequired,\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n    /**\n     * A human readable label for the option\n     */\n    label: T.string.isRequired,\n    /**\n     * The option value\n     */\n    value: T.string,\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n    /**\n     * Label width\n     */\n    labelWidth: T.number,\n    /**\n     * Styles to be passed to the ControlGroup\n     */\n    labelStyle: T.object,\n    /**\n     * Visually hide the label, but render it for screen readers\n     */\n    hideLabel: T.bool,\n    /**\n     * As advanced editor to show advanced config button\n     */\n    isAdvanced: T.bool,\n    /**\n     * Disabled state of component\n     */\n    isDisabled: T.bool,\n    /**\n     * Validate the value of the editor\n     */\n    validate: T.func,\n    /**\n     * If the input should display error state\n     */\n    error: T.bool,\n    /**\n     * Text to display under the the input\n     */\n    help: T.string,\n    /**\n     * Text to display in a tooltip next to the label\n     */\n    tooltip: T.string,\n};\n\nexport default TextEditor;\n","import React, { useState, useCallback } from 'react';\nimport * as T from 'prop-types';\nimport Select from '@splunk/react-ui/Select';\nimport { getFieldsFromDSL } from '@splunk/visualization-encoding/utils/dsl';\nimport { getDataSourceStateInfo } from '@splunk/visualizations-shared/dataSourceUtils';\nimport { DataType } from '@splunk/visualization-encoding/DataPrimitive';\nimport { BaseEditorProps, BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport { useDataSource } from '../hooks/useDataSource';\nimport { getAvailableFieldsWithTypes, getPlaceholderMessage } from '../utils/columnSelectionUtils';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport { editorStyle } from '../shared/dimensionConstants';\nimport { useColumnSelectorFooterMessage } from './useColumnSelectorFooterMessage';\n\ninterface ColumnSelectionEditorProps extends BaseEditorProps {\n    dataSourceKey: string;\n    prepareValue?: (id: Record<string, any>) => Record<string, any>;\n    filterByTypes?: DataType[];\n    tooltip?: string;\n}\nconst propTypes: Record<keyof ColumnSelectionEditorProps, T.Validator<any>> = {\n    ...BaseEditorPropTypes,\n    dataSourceKey: T.string.isRequired,\n    prepareValue: T.func,\n    filterByTypes: T.arrayOf(T.string),\n    tooltip: T.string,\n};\nexport const ColumnSelectionEditor: React.FunctionComponent<ColumnSelectionEditorProps> = ({\n    name,\n    value,\n    label = '',\n    labelPosition = 'top',\n    dataSourceKey = 'primary',\n    dataSourceBindings,\n    prepareValue = (id: Record<string, unknown>): Record<string, unknown> => id,\n    onChange,\n    isAdvanced,\n    isDisabled,\n    filterByTypes,\n    tooltip,\n}) => {\n    const dataSource = useDataSource({ dataSourceBindings, dataSourceKey });\n    const { columns, fields } = dataSource?.data || { columns: [], fields: [] };\n    const availableFieldsWithTypes = getAvailableFieldsWithTypes(columns, fields);\n    // return `value` if `value` is undefined or null so editor shows placeholder message\n    const fieldName =\n        value == null\n            ? value\n            : getFieldsFromDSL(value, {\n                  [dataSourceKey]: dataSource,\n              })[0] || '';\n    const [selectedField, setSelectedField] = useState(fieldName);\n    React.useEffect((): void => {\n        setSelectedField(fieldName);\n    }, [fieldName]);\n    const [filter, setFilter] = useState('');\n    const filteredFields = availableFieldsWithTypes.filter(\n        (field): boolean => field.name.indexOf(filter) !== -1\n    );\n    const footerMessage = useColumnSelectorFooterMessage({\n        availableFields: availableFieldsWithTypes,\n        selectedFields: [selectedField],\n        filteredFields,\n        filter,\n    });\n\n    const handleValueChange = useCallback(\n        (event, { value: selectedValue }): void => {\n            setSelectedField(selectedValue);\n            const update = prepareValue({\n                options: {\n                    [name]: `> ${dataSourceKey} | seriesByName('${selectedValue}')`,\n                },\n            });\n            onChange(event, update);\n        },\n        [dataSourceKey, name, onChange, prepareValue]\n    );\n\n    const handleFilterChange = useCallback((e, { keyword }): void => {\n        setFilter(keyword);\n    }, []);\n    const { hasError, isMissing, isLoading } = getDataSourceStateInfo(dataSource);\n    const disabled = isMissing || hasError || isDisabled;\n    const placeholderMessage = getPlaceholderMessage({ isMissing, isLoading, hasError });\n\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition} tooltip={tooltip} isAdvanced={isAdvanced}>\n            <Select\n                data-test=\"ColumnSelectionEditor\"\n                value={selectedField}\n                onFilterChange={handleFilterChange}\n                onChange={handleValueChange}\n                footerMessage={footerMessage}\n                disabled={disabled}\n                placeholder={placeholderMessage}\n                isLoadingOptions={isLoading}\n                error={hasError}\n                style={editorStyle}\n                filter\n            >\n                {filteredFields.map(field => (\n                    <Select.Option\n                        key={field.name}\n                        label={`${field.name} (${field.type})`}\n                        value={field.name}\n                        disabled={!!filterByTypes?.length && !filterByTypes.find(f => f === field.type)}\n                    />\n                ))}\n            </Select>\n        </ControlGroup>\n    );\n};\nColumnSelectionEditor.propTypes = propTypes;\n\nexport default ColumnSelectionEditor;\n","import * as React from 'react';\nimport * as T from 'prop-types';\nimport { unzip } from 'lodash';\nimport Text from '@splunk/react-ui/Text';\nimport ControlGroup from '@splunk/react-ui/ControlGroup';\nimport ColumnLayout from '@splunk/react-ui/ColumnLayout';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ColumnSelectionEditor from './ColumnSelectionEditor';\nimport StaticItemEditor from './StaticItemEditor';\nimport {\n    getDynamicOptionsFromConfig,\n    getFieldFromFieldNameDsl,\n    isConfigAdvanced,\n} from '../utils/dynamicItemInputEditor';\nimport { VERTICAL_EDITOR_SPACING } from '../shared/dimensionConstants';\nimport type { StaticItem, DynamicOptionsContext } from '../types';\n\ninterface DynamicOptionsConfig {\n    context?: DynamicOptionsContext;\n    options?: Record<string, unknown>;\n}\n\ninterface DynamicItemEditorProps {\n    name: string;\n    value: StaticItem[] | string;\n    label: string;\n    labelPosition?: 'top' | 'left';\n    labelWidth?: number;\n    onChange: (event: React.SyntheticEvent | null, updatedConfig: DynamicOptionsConfig) => void;\n    context: DynamicOptionsContext;\n    dataSourceBindings: { primary?: string };\n    help?: string;\n    validate?: (args: { value: string }) => { message: string } | null;\n    [key: string]: unknown;\n}\n\nconst defaultHelpText = _(\n    'Advanced configuration options are being used by this input. Please edit in source mode.'\n);\n\nconst DynamicItemEditor = ({\n    name,\n    context,\n    value = '',\n    label,\n    onChange,\n    dataSourceBindings,\n    labelPosition = 'top',\n    labelWidth,\n    help = defaultHelpText,\n    validate,\n}: DynamicItemEditorProps): JSX.Element => {\n    const [staticItems, setItems] = React.useState<StaticItem[]>([]);\n    const [dynamicItemsLabelField, setLabel] = React.useState('');\n    const [dynamicItemsValueField, setValue] = React.useState('');\n\n    // update static and dynamic options when the props change\n    React.useEffect(() => {\n        const { staticOptions, dynamicOptionsLabel, dynamicOptionsValue } = getDynamicOptionsFromConfig({\n            items: value,\n            context,\n        });\n\n        setItems(staticOptions);\n        setLabel(dynamicOptionsLabel);\n        setValue(dynamicOptionsValue);\n    }, [value, context]);\n\n    // use static mode if no data source is configured\n    React.useEffect(() => {\n        const currDataSource = dataSourceBindings.primary;\n        if (currDataSource !== undefined || Array.isArray(value)) {\n            return;\n        }\n\n        onChange(null, {\n            context: {\n                formattedConfig: undefined,\n                formattedStatics: undefined,\n                statics: undefined,\n                label: undefined,\n                value: undefined,\n            },\n            options: {\n                [name]: staticItems,\n            },\n        });\n    }, [dataSourceBindings, name, value, onChange, staticItems]);\n\n    const handleChange = React.useCallback(\n        (newItems, newLabelField, newValueField) => {\n            const isStaticConfiguration = Array.isArray(value) && (!newLabelField || !newValueField);\n\n            if (isStaticConfiguration) {\n                onChange(null, { options: { [name]: newItems } });\n            } else {\n                const statics: string[][] = unzip(\n                    newItems.map(({ label: l, value: v }: StaticItem) => [l, v])\n                );\n                onChange(null, {\n                    context: {\n                        formattedConfig: { number: { prefix: '' } },\n                        formattedStatics: '>statics | formatByType(formattedConfig)',\n                        statics,\n                        label: `>primary | seriesByName(\"${newLabelField}\") | renameSeries(\"label\") | formatByType(formattedConfig)`,\n                        value: `>primary | seriesByName(\"${newValueField}\") | renameSeries(\"value\") | formatByType(formattedConfig)`,\n                    },\n                    options: {\n                        [name]: '>frame(label, value) | prepend(formattedStatics) | objects()',\n                    },\n                });\n            }\n        },\n        [name, value, onChange]\n    );\n\n    const handleStaticItemChange = React.useCallback(\n        (_event, _name, newItems) => {\n            handleChange(newItems, dynamicItemsLabelField, dynamicItemsValueField);\n        },\n        [handleChange, dynamicItemsLabelField, dynamicItemsValueField]\n    );\n\n    const handleDynamicLabelFieldChange = React.useCallback(\n        (_event, { value: newLabel }) => {\n            if (dynamicItemsValueField === '') {\n                // it is unecessary to update the definition until both label and value are set\n                setLabel(newLabel);\n            } else {\n                handleChange(staticItems, newLabel, dynamicItemsValueField);\n            }\n        },\n        [handleChange, staticItems, dynamicItemsValueField]\n    );\n\n    const handleDynamicValueFieldChange = React.useCallback(\n        (_event, { value: newValue }) => {\n            if (dynamicItemsLabelField === '') {\n                // it is unecessary to update the definition until both label and value are set\n                setValue(newValue);\n            } else {\n                handleChange(staticItems, dynamicItemsLabelField, newValue);\n            }\n        },\n        [handleChange, staticItems, dynamicItemsLabelField]\n    );\n\n    const prepareDynamicFieldValue =\n        (key: string) =>\n        (config: DynamicOptionsConfig): Record<string, unknown> => {\n            const fieldDsl = config?.options?.[key];\n            if (typeof fieldDsl === 'string') {\n                return { value: getFieldFromFieldNameDsl(fieldDsl) };\n            }\n            return { value: '' };\n        };\n\n    const usingAdvancedConfig = React.useMemo(\n        () => isConfigAdvanced({ items: value, context }),\n        [value, context]\n    );\n    if (usingAdvancedConfig) {\n        return (\n            <ControlGroup label={_(label)} labelPosition={labelPosition} labelWidth={labelWidth} help={help}>\n                <Text key={value.toString()} data-test={name} disabled defaultValue={value.toString()} />\n            </ControlGroup>\n        );\n    }\n\n    const dataSourceConfigured = !!dataSourceBindings.primary;\n    return (\n        <>\n            <StaticItemEditor\n                name=\"\"\n                label={_('Static menu configuration')}\n                labelPosition={labelPosition}\n                value={staticItems}\n                onChange={handleStaticItemChange}\n                validate={validate}\n            />\n            {dataSourceConfigured && (\n                <ColumnLayout key=\"dynamic-item-editor-label-value-layout\" gutter={VERTICAL_EDITOR_SPACING}>\n                    <ColumnLayout.Row key=\"dynamic-item-editor-label-row\">\n                        <ColumnSelectionEditor\n                            name=\"label\"\n                            label={_('Dynamic menu label field')}\n                            dataSourceKey=\"primary\"\n                            dataSourceBindings={dataSourceBindings}\n                            value={`>primary | seriesByName(\"${dynamicItemsLabelField}\")`}\n                            context={context}\n                            onChange={handleDynamicLabelFieldChange}\n                            prepareValue={prepareDynamicFieldValue('label')}\n                        />\n                    </ColumnLayout.Row>\n                    <ColumnLayout.Row key=\"dynamic-item-editor-value-row\">\n                        <ColumnSelectionEditor\n                            name=\"value\"\n                            label={_('Dynamic menu value field')}\n                            dataSourceKey=\"primary\"\n                            dataSourceBindings={dataSourceBindings}\n                            value={`>primary | seriesByName(\"${dynamicItemsValueField}\")`}\n                            context={context}\n                            onChange={handleDynamicValueFieldChange}\n                            prepareValue={prepareDynamicFieldValue('value')}\n                        />\n                    </ColumnLayout.Row>\n                </ColumnLayout>\n            )}\n        </>\n    );\n};\n\nDynamicItemEditor.propTypes = {\n    /**\n     * Callback when changing the text value\n     *\n     * onChange function has the following properties\n     * @param {SyntheticEvent} event The react `SyntheticEvent`\n     * @param {String} name The option name\n     * @param {StaticItem[]} value The option value\n     */\n    onChange: T.func.isRequired,\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n    /**\n     * A human readable label for the option\n     */\n    label: T.string.isRequired,\n    /**\n     * The option value\n     */\n    value: T.oneOfType([\n        T.arrayOf(\n            T.shape({\n                label: T.string.isRequired,\n                value: T.string.isRequired,\n            }).isRequired\n        ),\n        T.string,\n    ]),\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n    /**\n     * Label width\n     */\n    labelWidth: T.number,\n    /**\n     * The context object\n     */\n    context: T.shape({\n        label: T.string,\n        value: T.string,\n        statics: T.arrayOf(T.arrayOf(T.string.isRequired).isRequired),\n    }).isRequired,\n    /**\n     * Primary data source binding\n     */\n    dataSourceBindings: T.shape({ primary: T.any }).isRequired,\n    help: T.string,\n};\n\nexport default DynamicItemEditor;\n","import React, { useMemo } from 'react';\nimport { ColumnSelectorFooterMessage } from '../shared/ColumnSelectorFooterMessage';\nimport { FieldTuple } from '../utils/columnSelectionUtils';\n\ntype ObjectWithName = {\n    name: string;\n    [key: string]: string;\n};\n\ntype Fields = FieldTuple[] | ObjectWithName[];\n\ninterface FooterMessageProps {\n    noSelectedFieldsInfo?: boolean;\n    filter: string;\n    availableFields: Fields;\n    selectedFields?: string[];\n    filteredFields: Fields;\n}\n\nexport const useColumnSelectorFooterMessage = ({\n    filter,\n    availableFields,\n    selectedFields,\n    filteredFields,\n    noSelectedFieldsInfo = false,\n}: FooterMessageProps) => {\n    const selectedFilteredFields = useMemo(() => {\n        if (!selectedFields || !filteredFields) return [];\n\n        const validSelectedFields = new Set(\n            selectedFields.filter(field => field !== '' && field !== undefined)\n        );\n\n        return filteredFields.filter(item => validSelectedFields.has(item.name));\n    }, [selectedFields, filteredFields]);\n\n    // make sure to display only 'No matches' text when there is no result of filtering\n    if (filter && !filteredFields.length) {\n        return null;\n    }\n\n    return (\n        <ColumnSelectorFooterMessage\n            noSelectedFieldsInfo={noSelectedFieldsInfo}\n            numSelected={selectedFilteredFields?.length} // if no filter is applied filteredFields equal availableFields\n            numFiltered={filteredFields.length}\n            numAvailable={availableFields.length}\n            filter={filter}\n        />\n    );\n};\n","import { useState, useEffect, useContext } from 'react';\nimport DataSourceContext, {\n    type BindingsSnapshot,\n    type DataSourceApi,\n} from '@splunk/visualization-context/DataSourceContext';\nimport { get, isFunction } from 'lodash';\n\ninterface UseDataSourceParams {\n    dataSourceBindings: BindingsSnapshot;\n    dataSourceKey: string;\n}\n// @TODO(pwied): use DataSource interface in return type (w/o dependency on @splunk/visualizations)\nexport const useDataSource = ({\n    dataSourceBindings,\n    dataSourceKey,\n}: UseDataSourceParams): BindingsSnapshot => {\n    const dataSourceApi = useContext<DataSourceApi>(DataSourceContext);\n    const [dataSource, setDataSource] = useState<BindingsSnapshot>();\n    useEffect((): (() => void) => {\n        if (!get(dataSourceBindings, dataSourceKey)) {\n            setDataSource(null);\n            return () => undefined;\n        }\n        const unsubscribe =\n            isFunction(dataSourceApi.subscribe) &&\n            dataSourceApi.subscribe(dataSourceKey, (snapshot): void => setDataSource(snapshot));\n        return () => {\n            if (unsubscribe) {\n                unsubscribe();\n            }\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dataSourceBindings]);\n    return dataSource;\n};\n","import * as T from 'prop-types';\nimport type { JSONSchema7 } from 'json-schema';\n\nexport interface BaseEditorProps {\n    name: string;\n    value: any;\n    onChange?: (...args: any[]) => void;\n    label?: string; // @TODO(pwied): this should not live in editor props\n    labelPosition?: 'top' | 'left'; // ^^^\n    context?: Record<string, any>;\n    labelWidth?: number;\n    isAdvanced?: boolean;\n    isDisabled?: boolean;\n    dataSourceBindings?: Record<string, any>;\n    options?: { [k: string]: any };\n    optionsSchema?: {\n        [key: string]: JSONSchema7;\n    };\n}\n\nexport const BaseEditorPropTypes: Record<keyof BaseEditorProps, T.Validator<any>> = {\n    name: T.string.isRequired,\n    value: T.oneOfType([T.string, T.object, T.arrayOf(T.string)]),\n    context: T.object,\n    label: T.string,\n    labelPosition: T.oneOf(['top', 'left']),\n    labelWidth: T.number,\n    onChange: T.func,\n    isAdvanced: T.bool,\n    isDisabled: T.bool,\n    dataSourceBindings: T.object,\n    options: T.object,\n    optionsSchema: T.object,\n};\n","import React, { Children, cloneElement, ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup, { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n    'data-test'?: string;\n    style?: Record<string, string | number>;\n    isAdvanced?: boolean;\n    onClick?: React.MouseEventHandler<HTMLDivElement>;\n    onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n    label?: string;\n    onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n    margin-top: 0;\n    padding: 0;\n    // adjust bottom margin according to theme\n    margin-bottom: ${variables.spacingMedium};\n    width: 100%;\n\n    // remove top margin of the first component in control group\n    &:first-child {\n        margin-top: 0;\n    }\n\n    // remove bottom margin of the last component in control group\n    &:last-child {\n        margin-bottom: 0;\n    }\n    // remove top padding on label of the first control group\n    [data-test='label']:first-of-type {\n        padding-top: 0;\n    }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n    display: flex;\n    > span {\n        display: flex;\n        width: 35px;\n    }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.interactiveColorOverlayDrag} !important;\n    }\n`;\n\nexport const AdvancedConfigButton = ({\n    label = '',\n    onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n    return (\n        <StyledToolTip\n            data-test={`${label}-advanced-config-button-tooltip`}\n            content={_('Advanced configurations')}\n        >\n            <StyledAdvancedConfigButton\n                data-test={`${label}-advanced-config-button`}\n                icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n                appearance=\"subtle\"\n                onClick={onClick}\n            />\n        </StyledToolTip>\n    );\n};\n\nconst AdvancedControlGroup = ({\n    'data-test': dataTest,\n    children,\n    isAdvanced = false,\n    label,\n    hideLabel,\n    labelPosition,\n    labelWidth,\n    tooltip,\n    help,\n    style,\n    error,\n    controlsLayout,\n    onClick,\n    onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n    <ControlGroupContainer\n        data-test={dataTest ?? 'control-group'}\n        label={label}\n        hideLabel={hideLabel}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        tooltip={tooltip}\n        help={help}\n        error={error}\n        style={style}\n        onClick={onClick}\n        controlsLayout={controlsLayout}\n    >\n        {isAdvanced\n            ? Children.toArray(children)\n                  .filter(Boolean)\n                  .map(child =>\n                      cloneElement(child as ReactElement, {\n                          style: { flex: 1 },\n                      })\n                  )\n            : children}\n        {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n    </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n    /**\n     * Style overriding SUI ControlGroup\n     */\n    style: T.object,\n    /**\n     * Whether the current editor is enabled with advanced configurations\n     */\n    isAdvanced: T.bool,\n    /**\n     * Callback for editor click\n     */\n    onClick: T.func,\n    /**\n     * Callback for advanced config button click\n     */\n    onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","import * as React from 'react';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { useMemo } from 'react';\n\ninterface FooterProps {\n    filter: string;\n    numSelected?: number;\n    numFiltered: number;\n    numAvailable: number;\n    noSelectedFieldsInfo?: boolean; // it is needed for AddColumn component which has different logic than other selection editors\n}\n\nexport const ColumnSelectorFooterMessage = ({\n    numSelected,\n    numFiltered,\n    numAvailable,\n    filter,\n    noSelectedFieldsInfo,\n}: FooterProps) => {\n    const footerMessageText = useMemo(() => {\n        if (filter) {\n            if (noSelectedFieldsInfo) {\n                return sprintf(_('%(filtered)d filtered from %(available)d fields'), {\n                    filtered: numFiltered,\n                    available: numAvailable,\n                });\n            }\n            return sprintf(_('%(selected)d selected from %(filtered)d filtered'), {\n                selected: numSelected,\n                filtered: numFiltered,\n            });\n        }\n        return noSelectedFieldsInfo\n            ? sprintf(_('%(shown)d of %(available)d fields'), {\n                  shown: numFiltered,\n                  available: numAvailable,\n              })\n            : sprintf(_('%(selected)d selected from %(available)d'), {\n                  selected: numSelected,\n                  available: numAvailable,\n              });\n    }, [filter, noSelectedFieldsInfo, numFiltered, numAvailable, numSelected]);\n\n    return (\n        <span data-test=\"footer-message\" aria-live=\"polite\" aria-atomic=\"true\">\n            {footerMessageText}\n        </span>\n    );\n};\n","export const FLYOUT_PADDING = 21;\nexport const COLUMN_FLYOUT_PADDING = 16;\nexport const FLYOUT_WIDTH = 344;\n\nexport const VERTICAL_EDITOR_SPACING = 16;\n\nexport const DROPDOWN_MENU_WIDTH = 327;\n\nexport const editorStyle = { width: '100%' };\n","import { _ } from '@splunk/ui-utils/i18n';\nimport {\n    inferDataTypeFromData,\n    canInferTypeFromMeta,\n    getDataTypeForMeta,\n} from '@splunk/visualization-encoding/utils/types';\n\nexport interface FieldTuple {\n    name: string;\n    type: string;\n}\n\nexport const getAvailableFieldsWithTypes = (\n    columns: unknown[][],\n    fields: { name: string; type?: string }[]\n): FieldTuple[] => {\n    const fieldsWithType = fields.map((field, index) => {\n        const { name } = field;\n        const inferredType = canInferTypeFromMeta(field)\n            ? getDataTypeForMeta(field)\n            : inferDataTypeFromData(columns[index]);\n        return {\n            name,\n            type: inferredType,\n        };\n    });\n    return fieldsWithType;\n};\n\nexport const getFilteredFields = (availableFieldsWithTypes: FieldTuple[], filter: string): FieldTuple[] => {\n    return availableFieldsWithTypes.filter((field): boolean => field.name.indexOf(filter) !== -1);\n};\n\nexport const sanitizeFieldNames = (value: unknown, fieldNames: string[]): string[] => {\n    if (typeof value === 'string' && fieldNames.includes(value)) {\n        return [value];\n    }\n    if (Array.isArray(value)) {\n        return value.filter(name => fieldNames.includes(name));\n    }\n    return [];\n};\n\nexport const getPlaceholderMessage = ({\n    hasError,\n    isLoading,\n    isMissing,\n    defaultMessage = 'Select a field from data source',\n}: {\n    hasError: boolean;\n    isLoading: boolean;\n    isMissing: boolean;\n    defaultMessage?: string;\n}): string => {\n    if (isMissing) {\n        return _('Set up data source to select');\n    }\n    if (hasError) {\n        return _('Please set up valid data source to select');\n    }\n    if (isLoading) {\n        return _('Loading data source...');\n    }\n    return _(defaultMessage);\n};\n","import { find, findLastIndex, get, isMatch, zipWith } from 'lodash';\nimport { DslParser } from '@splunk/visualization-encoding/DslParser';\nimport EncodingParser from '@splunk/visualization-encoding/EncodingParser';\nimport type { StaticItem, DynamicOptionsContext } from '../types';\n\n/**\n *  The Dropdown/Multiselect inputs expect a config that has the following format. Additional\n *  formatting clauses and options may be present. This is the \"standard dynamic config\".\n *  {\n *      context: {\n *          statics: [\n *              ['label1', 'label2', ...],\n *              ['value1', 'value2', ...]\n *          ],\n *          label: '>primary | seriesByName(\"<label field name>\") | renameSeries('label'),\n *          value: '>primary | seriesByName(\"<value field name>\") | renameSeries('value')\n *      },\n *      options: {\n *          items: '>frame(label, value) | prepend(statics) | objects()'\n *      }\n *  }\n *\n *  The \"standard static config\" is as follows. The contents of context do not matter.\n *  {\n *      context: {},\n *      options: {\n *          items: [\n *              { label: 'label1', value: 'value1 },\n *              { label: 'label2', value: 'value2 },\n *              ...\n *          ]\n *      }\n *  }\n *\n *  \"Advanced configs\" are any config that does not follow the above formats.\n */\n\n/**\n * Retrieve the first field name from a DSL string containing seriesByName().\n */\nexport const getFieldFromFieldNameDsl = (dsl: string): string => {\n    try {\n        const ast = DslParser.parse(EncodingParser.withoutArrow(dsl));\n        const seriesByNameNode = find(ast, {\n            type: 'method',\n            name: 'seriesByName',\n        });\n        return get(seriesByNameNode, ['args', '0', 'v'], '');\n    } catch {\n        return '';\n    }\n};\n\n/**\n * Simple validation to check that a DSL string matches the standard config for the\n * context label/value field of Dynamic Options.\n */\nconst isFieldNameDslStandard = (dsl: string): boolean => {\n    try {\n        const ast = DslParser.parse(EncodingParser.withoutArrow(dsl));\n        const seriesIdx = findLastIndex(ast, {\n            type: 'method',\n            name: 'seriesByName',\n        });\n        const renameIdx = findLastIndex(ast, {\n            type: 'method',\n            name: 'renameSeries',\n        });\n        return seriesIdx !== -1 && renameIdx !== -1 && seriesIdx < renameIdx;\n    } catch {\n        return false;\n    }\n};\n\n/**\n * Simple validation to check that a DSL string matches the standard config for the\n * options items field of Dynamic Options.\n */\nconst isItemsDslStandard = (dsl: string): boolean => {\n    try {\n        const ast = DslParser.parse(EncodingParser.withoutArrow(dsl));\n        return (\n            ast.length === 3 &&\n            isMatch(ast[0], { type: 'method', name: 'frame' }) &&\n            isMatch(ast[1], { type: 'method', name: 'prepend' }) &&\n            isMatch(ast[2], { type: 'method', name: 'objects' })\n        );\n    } catch {\n        return false;\n    }\n};\n\n/**\n * Simple validation to determine if the config of an input matches the schema for the\n * Dynamic Options.\n */\nexport const isConfigAdvanced = ({\n    items,\n    context,\n}: {\n    items?: StaticItem[] | string;\n    context: DynamicOptionsContext;\n}): boolean => {\n    if (typeof items !== 'string') {\n        return false;\n    }\n\n    const { label, value } = context;\n    if (typeof label !== 'string' || typeof value !== 'string') {\n        return true;\n    }\n\n    return !isItemsDslStandard(items) || !isFieldNameDslStandard(label) || !isFieldNameDslStandard(value);\n};\n\n/**\n * Retrieves static items and Dynamic Options for a dropdown/multiselect input from the input\n * config.\n */\nexport const getDynamicOptionsFromConfig = ({\n    items,\n    context,\n}: {\n    items?: StaticItem[] | string;\n    context: DynamicOptionsContext;\n}): {\n    staticOptions: StaticItem[];\n    dynamicOptionsLabel: string;\n    dynamicOptionsValue: string;\n} => {\n    if (Array.isArray(items)) {\n        return {\n            staticOptions: items,\n            dynamicOptionsLabel: '',\n            dynamicOptionsValue: '',\n        };\n    }\n\n    const statics = context.statics || [];\n    const staticOptions = zipWith(...statics, (label: string, value: string) => ({\n        label,\n        value,\n    }));\n\n    const { label, value } = context;\n\n    const dynamicOptionsLabel = label ? getFieldFromFieldNameDsl(label) : '';\n    const dynamicOptionsValue = value ? getFieldFromFieldNameDsl(value) : '';\n\n    return {\n        staticOptions,\n        dynamicOptionsLabel,\n        dynamicOptionsValue,\n    };\n};\n","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ColumnLayout\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/FormRows\");","module.exports = require(\"@splunk/react-ui/Select\");","module.exports = require(\"@splunk/react-ui/Text\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/format\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualization-context/DataSourceContext\");","module.exports = require(\"@splunk/visualization-encoding/DslParser\");","module.exports = require(\"@splunk/visualization-encoding/EncodingParser\");","module.exports = require(\"@splunk/visualization-encoding/utils/dsl\");","module.exports = require(\"@splunk/visualization-encoding/utils/types\");","module.exports = require(\"@splunk/visualizations-shared/dataSourceUtils\");","module.exports = require(\"lodash\");","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(7585);\n"],"names":["RowContainer","styled","formRowHeader","React","_","removeItem","items","index","filter","_item","idx","isItemError","value","key","trim","i","length","isLabelError","label","isValueError","InputContainer","defaultValue","StaticItemEditor","onChange","name","labelPosition","validate","staticItems","setItems","useState","nextIndex","setIndex","useEffect","handleChange","useCallback","newItems","isEqual","some","uniqBy","item","handleRequestRemove","_evt","handleRequestMove","fromIndex","toIndex","splice","handleItemChange","_name","val","_objectSpread","handleRequestAdd","concat","rows","map","l","v","FormRows","onRequestRemove","TextEditor","hideLabel","error","ControlGroup","addLabel","header","onRequestAdd","onRequestMove","propTypes","T","isRequired","require","defaultLabelStyle","_ref","labelWidth","labelStyle","isAdvanced","isDisabled","help","tooltip","otherProps","_objectWithoutProperties","_excluded","setValueState","handleValidate","newValue","errorState","setErrorState","debouncedHandleValidate","useMemo","debounce","newVal","cancel","_event","handleBlur","event","newError","handleKeyPress","style","message","Text","_extends","editorStyle","onKeyDown","onBlur","disabled","canClear","BaseEditorPropTypes","dataSourceKey","string","prepareValue","func","filterByTypes","arrayOf","ColumnSelectionEditor","dataSourceBindings","id","dataSource","useDataSource","columns","fields","data","availableFieldsWithTypes","getAvailableFieldsWithTypes","fieldName","getFieldsFromDSL","selectedField","setSelectedField","setFilter","filteredFields","field","indexOf","footerMessage","useColumnSelectorFooterMessage","availableFields","selectedFields","handleValueChange","selectedValue","update","options","handleFilterChange","e","keyword","hasError","isMissing","isLoading","getDataSourceStateInfo","placeholderMessage","getPlaceholderMessage","onFilterChange","placeholder","isLoadingOptions","Option","type","find","f","defaultHelpText","DynamicItemEditor","context","dynamicItemsLabelField","setLabel","dynamicItemsValueField","setValue","staticOptions","dynamicOptionsLabel","dynamicOptionsValue","getDynamicOptionsFromConfig","undefined","primary","Array","isArray","formattedConfig","formattedStatics","statics","newLabelField","newValueField","unzip","number","prefix","handleStaticItemChange","handleDynamicLabelFieldChange","newLabel","handleDynamicValueFieldChange","prepareDynamicFieldValue","config","fieldDsl","getFieldFromFieldNameDsl","isConfigAdvanced","toString","dataSourceConfigured","gutter","VERTICAL_EDITOR_SPACING","Row","oneOfType","shape","oneOf","any","noSelectedFieldsInfo","selectedFilteredFields","validSelectedFields","Set","has","ColumnSelectorFooterMessage","numSelected","numFiltered","numAvailable","dataSourceApi","useContext","setDataSource","get","unsubscribe","isFunction","subscribe","snapshot","object","bool","optionsSchema","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","icon","appearance","AdvancedControlGroup","dataTest","children","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","Boolean","child","cloneElement","flex","footerMessageText","sprintf","filtered","available","selected","shown","FLYOUT_PADDING","COLUMN_FLYOUT_PADDING","FLYOUT_WIDTH","DROPDOWN_MENU_WIDTH","width","canInferTypeFromMeta","getDataTypeForMeta","inferDataTypeFromData","getFilteredFields","sanitizeFieldNames","fieldNames","includes","defaultMessage","dsl","ast","DslParser","parse","withoutArrow","seriesByNameNode","isFieldNameDslStandard","seriesIdx","findLastIndex","renameIdx","isMatch","isItemsDslStandard","zipWith","module","exports","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","call","n","getter","__esModule","d","a","definition","o","Object","defineProperty","enumerable","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","__webpack_exports__"],"sourceRoot":""}
+{"version":3,"file":"DynamicItemEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/StaticItemEditor.jsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/objectWithoutProperties\"","webpack://@splunk/dynamic-editors/./src/editors/TextEditor.jsx","webpack://@splunk/dynamic-editors/./src/editors/ColumnSelectionEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/DynamicItemEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/useColumnSelectorFooterMessage.tsx","webpack://@splunk/dynamic-editors/./src/hooks/useDataSource.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/ColumnSelectorFooterMessage.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","webpack://@splunk/dynamic-editors/./src/utils/columnSelectionUtils.ts","webpack://@splunk/dynamic-editors/./src/utils/dynamicItemInputEditor.ts","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/defineProperty\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/extends\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ColumnLayout\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/FormRows\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Select\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Text\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Tooltip\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/themes\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/format\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/DataSourceContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/DslParser\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/EncodingParser\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/utils/dsl\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/utils/types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/dataSourceUtils\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/runtime/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/webpack/startup"],"sourcesContent":["import React, { useCallback, useState, useEffect } from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { isEqual, uniqBy } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport FormRows from '@splunk/react-ui/FormRows';\nimport TextEditor from './TextEditor';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\nconst RowContainer = styled.div`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    [data-test='control-group'] {\n        margin: 0;\n    }\n`;\n\nconst formRowHeader = (\n    <RowContainer>\n        <span data-test=\"form-row-header-label\">{_('Label')}</span>\n        <span data-test=\"form-row-header-value\">{_('Value')}</span>\n    </RowContainer>\n);\n\n/**\n * Remove an item from an array, return a new array\n * @param {Array} items The list of items\n * @param {Number} index The index of the item to remove\n * @returns {Array} list of items without the item at the specified index\n */\nconst removeItem = (items, index) => items.filter((_item, idx) => idx !== index);\n\n/**\n * Detect when a list of static items contains an invalid entry\n * @param {StaticItem[]} items List of static items\n * @returns {Boolean} true when no label or value is an empty string\n */\nconst isValid = items =>\n    // exit early when an error found\n    !items.some(\n        ({ label, value }) =>\n            typeof label !== 'string' ||\n            label.trim() === '' ||\n            typeof value !== 'string' ||\n            value.trim() === ''\n    ) &&\n    uniqBy(items, item => item.value).length === items.length &&\n    uniqBy(items, item => item.label).length === items.length;\n\n/**\n * Detect if a label or value in the list is an error case\n * @param {String} value either an item label or value\n * @param {StaticItem[]} items List of all items\n * @param {label | value} key The StaticItem key to check\n */\nconst isItemError = (value, items, key) => {\n    // Just have an invalid type\n    if (typeof value !== 'string' || value.trim() === '') {\n        return true;\n    }\n\n    // Check the value is unique\n    return items.filter(i => i[key] === value).length > 1;\n};\n\nconst isLabelError = (label, items) => isItemError(label, items, 'label');\nconst isValueError = (value, items) => isItemError(value, items, 'value');\n\nconst InputContainer = styled.div`\n    width: 100%;\n`;\n\nconst defaultValue = [];\n\nconst StaticItemEditor = ({\n    onChange,\n    name,\n    value = defaultValue,\n    labelPosition = 'top',\n    label = '',\n    validate,\n}) => {\n    const [staticItems, setItems] = useState(value);\n    const [nextIndex, setIndex] = useState(value.length);\n\n    useEffect(() => {\n        setItems(value);\n        if (value.length > nextIndex) {\n            setIndex(value.length);\n        }\n    }, [value, nextIndex]);\n\n    const handleChange = useCallback(\n        newItems => {\n            if (!isEqual(newItems, value) && isValid(newItems)) {\n                // don't save newItems to state,\n                // as this component will get a prop change as a result of the onChange call\n                onChange(null, name, newItems);\n            } else {\n                // save invalid values so UI updates.\n                setItems(newItems);\n            }\n        },\n        [value, name, onChange]\n    );\n\n    const handleRequestRemove = useCallback(\n        (_evt, { index }) => {\n            const newItems = removeItem(staticItems, index);\n\n            handleChange(newItems);\n        },\n        [staticItems, handleChange]\n    );\n\n    const handleRequestMove = useCallback(\n        ({ fromIndex, toIndex }) => {\n            const item = staticItems[fromIndex];\n            const newItems = removeItem(staticItems, fromIndex);\n\n            newItems.splice(toIndex, 0, item);\n            handleChange(newItems);\n        },\n        [staticItems, handleChange]\n    );\n\n    const handleItemChange = useCallback(\n        (idx, key) =>\n            (_evt, _name, val = '') => {\n                const item = staticItems[idx];\n                const newItems = [...staticItems];\n\n                newItems.splice(idx, 1, { ...item, [key]: val.trim() });\n                handleChange(newItems);\n            },\n        [staticItems, handleChange]\n    );\n\n    const handleRequestAdd = useCallback(() => {\n        const newItems = staticItems.concat({\n            label: `Label ${nextIndex}`,\n            value: `menu_v${nextIndex}`,\n        });\n\n        setIndex(nextIndex + 1);\n        handleChange(newItems);\n    }, [staticItems, nextIndex, handleChange]);\n\n    const rows = staticItems.map((item, idx) => {\n        const { label: l, value: v } = item;\n        return (\n            <FormRows.Row\n                index={idx}\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${l}_${v}_${idx}`} // NOSONAR\n                onRequestRemove={handleRequestRemove}\n            >\n                <RowContainer>\n                    <TextEditor\n                        label={_('Label')}\n                        hideLabel\n                        value={l}\n                        onChange={handleItemChange(idx, 'label')}\n                        name=\"item-label-editor\"\n                        error={isLabelError(l, staticItems)}\n                        validate={validate}\n                    />\n                    <TextEditor\n                        label={_('Value')}\n                        hideLabel\n                        value={v}\n                        onChange={handleItemChange(idx, 'value')}\n                        name=\"item-value-editor\"\n                        error={isValueError(v, staticItems)}\n                        validate={validate}\n                    />\n                </RowContainer>\n            </FormRows.Row>\n        );\n    });\n\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition}>\n            <InputContainer>\n                <FormRows\n                    addLabel={_('Add new')}\n                    header={formRowHeader}\n                    onRequestAdd={handleRequestAdd}\n                    onRequestMove={handleRequestMove}\n                >\n                    {rows}\n                </FormRows>\n            </InputContainer>\n        </ControlGroup>\n    );\n};\n\nStaticItemEditor.propTypes = {\n    /**\n     * Callback when changing the text value\n     *\n     * onChange function has the following properties\n     * @param {SyntheticEvent} event The react `SyntheticEvent`\n     * @param {String} name The option name\n     * @param {StaticItem[]} value The option value\n     */\n    onChange: T.func.isRequired,\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n    /**\n     * A human readable label for the option\n     */\n    label: T.string,\n    /**\n     * The option value\n     */\n    value: T.arrayOf(T.exact({ label: T.string, value: T.string })),\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n    /**\n     * Validate the value of the editor\n     */\n    validate: T.func,\n};\n\nexport default StaticItemEditor;\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@babel/runtime/helpers/objectWithoutProperties\");","import React, { useState, useCallback, useEffect, useMemo } from 'react';\nimport T from 'prop-types';\nimport { debounce } from 'lodash';\nimport Text from '@splunk/react-ui/Text';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport { editorStyle } from '../shared/dimensionConstants';\n\nconst defaultLabelStyle = {};\n\nconst TextEditor = ({\n    onChange,\n    name,\n    value = '',\n    label,\n    labelPosition = 'top',\n    labelWidth,\n    labelStyle = defaultLabelStyle,\n    hideLabel = false,\n    isAdvanced,\n    isDisabled = false,\n    help,\n    tooltip,\n    validate,\n    error,\n    ...otherProps\n}) => {\n    const [val, setValueState] = useState(value);\n\n    const handleValidate = useCallback(\n        newValue => (typeof validate === 'function' ? validate({ value: newValue }) : null),\n        [validate]\n    );\n    const [errorState, setErrorState] = useState(handleValidate(value));\n    const debouncedHandleValidate = useMemo(\n        () =>\n            debounce(newVal => {\n                setErrorState(handleValidate(newVal));\n            }, 250),\n        [handleValidate]\n    );\n\n    useEffect(\n        () => () => {\n            // cancel debounce on component unmount\n            debouncedHandleValidate.cancel();\n        },\n        [debouncedHandleValidate]\n    );\n\n    useEffect(() => {\n        setValueState(value);\n        setErrorState(handleValidate(value));\n    }, [handleValidate, value]);\n\n    const handleChange = useCallback(\n        (_event, { value: v }) => {\n            setValueState(v);\n            debouncedHandleValidate(v);\n        },\n        [debouncedHandleValidate]\n    );\n\n    const handleBlur = useCallback(\n        event => {\n            const newVal = val.trim();\n            if (newVal === value) {\n                return;\n            }\n            const newError = handleValidate(newVal);\n            // set error if there is one, or clear an existing error\n            setErrorState(newError);\n            if (!newError) {\n                // only change value if there is no validation error\n                onChange(event, name, newVal);\n            }\n        },\n        [val, value, handleValidate, onChange, name]\n    );\n\n    const handleKeyPress = useCallback(\n        event => {\n            if (event.key === 'Enter') {\n                handleBlur(event);\n            }\n        },\n        [handleBlur]\n    );\n\n    const style = useMemo(\n        () =>\n            !label || label === ''\n                ? {\n                      ...labelStyle,\n                  }\n                : labelStyle,\n        [label, labelStyle]\n    );\n\n    return (\n        <ControlGroup\n            label={label}\n            labelPosition={labelPosition}\n            labelWidth={labelWidth}\n            style={style}\n            hideLabel={hideLabel}\n            help={help}\n            tooltip={tooltip}\n            error={errorState?.message || error}\n            isAdvanced={isAdvanced}\n        >\n            <Text\n                key={value}\n                data-test={name}\n                style={editorStyle}\n                onChange={handleChange}\n                onKeyDown={handleKeyPress}\n                onBlur={handleBlur}\n                value={val}\n                disabled={isDisabled}\n                canClear\n                {...otherProps}\n                error={!!errorState || error}\n            />\n        </ControlGroup>\n    );\n};\n\nTextEditor.propTypes = {\n    /**\n     * Callback when changing the text value\n     *\n     * @param {SyntheticEvent} event The react `SyntheticEvent`\n     * @param {string} name The option name\n     * @param {string} value The option value\n     */\n    onChange: T.func.isRequired,\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n    /**\n     * A human readable label for the option\n     */\n    label: T.string.isRequired,\n    /**\n     * The option value\n     */\n    value: T.string,\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n    /**\n     * Label width\n     */\n    labelWidth: T.number,\n    /**\n     * Styles to be passed to the ControlGroup\n     */\n    labelStyle: T.object,\n    /**\n     * Visually hide the label, but render it for screen readers\n     */\n    hideLabel: T.bool,\n    /**\n     * As advanced editor to show advanced config button\n     */\n    isAdvanced: T.bool,\n    /**\n     * Disabled state of component\n     */\n    isDisabled: T.bool,\n    /**\n     * Validate the value of the editor\n     */\n    validate: T.func,\n    /**\n     * If the input should display error state\n     */\n    error: T.bool,\n    /**\n     * Text to display under the the input\n     */\n    help: T.string,\n    /**\n     * Text to display in a tooltip next to the label\n     */\n    tooltip: T.string,\n};\n\nexport default TextEditor;\n","import React, { useState, useCallback } from 'react';\nimport * as T from 'prop-types';\nimport Select from '@splunk/react-ui/Select';\nimport { getFieldsFromDSL } from '@splunk/visualization-encoding/utils/dsl';\nimport { getDataSourceStateInfo } from '@splunk/visualizations-shared/dataSourceUtils';\nimport { DataType } from '@splunk/visualization-encoding/DataPrimitive';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\nimport { useDataSource } from '../hooks/useDataSource';\nimport { getAvailableFieldsWithTypes, getPlaceholderMessage } from '../utils/columnSelectionUtils';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport { editorStyle } from '../shared/dimensionConstants';\nimport { useColumnSelectorFooterMessage } from './useColumnSelectorFooterMessage';\n\ninterface ColumnSelectionEditorProps extends BaseEditorProps {\n    dataSourceKey: string;\n    prepareValue?: (id: Record<string, any>) => Record<string, any>;\n    filterByTypes?: DataType[];\n    tooltip?: string;\n}\nconst propTypes: Record<keyof ColumnSelectionEditorProps, T.Validator<any>> = {\n    ...BaseEditorPropTypes,\n    dataSourceKey: T.string.isRequired,\n    prepareValue: T.func,\n    filterByTypes: T.arrayOf(T.string),\n    tooltip: T.string,\n};\nexport const ColumnSelectionEditor: React.FunctionComponent<ColumnSelectionEditorProps> = ({\n    name,\n    value,\n    label = '',\n    labelPosition = 'top',\n    dataSourceKey = 'primary',\n    dataSourceBindings,\n    prepareValue = (id: Record<string, unknown>): Record<string, unknown> => id,\n    onChange,\n    isAdvanced,\n    isDisabled,\n    filterByTypes,\n    tooltip,\n}) => {\n    const dataSource = useDataSource({ dataSourceBindings, dataSourceKey });\n    const { columns, fields } = dataSource?.data || { columns: [], fields: [] };\n    const availableFieldsWithTypes = getAvailableFieldsWithTypes(columns, fields);\n    // return `value` if `value` is undefined or null so editor shows placeholder message\n    const fieldName =\n        value == null\n            ? value\n            : getFieldsFromDSL(value, {\n                  [dataSourceKey]: dataSource,\n              })[0] || '';\n    const [selectedField, setSelectedField] = useState(fieldName);\n    React.useEffect((): void => {\n        setSelectedField(fieldName);\n    }, [fieldName]);\n    const [filter, setFilter] = useState('');\n    const filteredFields = availableFieldsWithTypes.filter(\n        (field): boolean => field.name.indexOf(filter) !== -1\n    );\n    const footerMessage = useColumnSelectorFooterMessage({\n        availableFields: availableFieldsWithTypes,\n        selectedFields: [selectedField],\n        filteredFields,\n        filter,\n    });\n\n    const handleValueChange = useCallback(\n        (event, { value: selectedValue }): void => {\n            setSelectedField(selectedValue);\n            const update = prepareValue({\n                options: {\n                    [name]: `> ${dataSourceKey} | seriesByName('${selectedValue}')`,\n                },\n            });\n            onChange(event, update);\n        },\n        [dataSourceKey, name, onChange, prepareValue]\n    );\n\n    const handleFilterChange = useCallback((e, { keyword }): void => {\n        setFilter(keyword);\n    }, []);\n    const { hasError, isMissing, isLoading } = getDataSourceStateInfo(dataSource);\n    const disabled = isMissing || hasError || isDisabled;\n    const placeholderMessage = getPlaceholderMessage({ isMissing, isLoading, hasError });\n\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition} tooltip={tooltip} isAdvanced={isAdvanced}>\n            <Select\n                data-test=\"ColumnSelectionEditor\"\n                value={selectedField}\n                onFilterChange={handleFilterChange}\n                onChange={handleValueChange}\n                footerMessage={footerMessage}\n                disabled={disabled}\n                placeholder={placeholderMessage}\n                isLoadingOptions={isLoading}\n                error={hasError}\n                style={editorStyle}\n                filter\n            >\n                {filteredFields.map(field => (\n                    <Select.Option\n                        key={field.name}\n                        label={`${field.name} (${field.type})`}\n                        value={field.name}\n                        disabled={!!filterByTypes?.length && !filterByTypes.find(f => f === field.type)}\n                    />\n                ))}\n            </Select>\n        </ControlGroup>\n    );\n};\nColumnSelectionEditor.propTypes = propTypes;\n\nexport default ColumnSelectionEditor;\n","import * as React from 'react';\nimport * as T from 'prop-types';\nimport { unzip } from 'lodash';\nimport Text from '@splunk/react-ui/Text';\nimport ControlGroup from '@splunk/react-ui/ControlGroup';\nimport ColumnLayout from '@splunk/react-ui/ColumnLayout';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ColumnSelectionEditor from './ColumnSelectionEditor';\nimport StaticItemEditor from './StaticItemEditor';\nimport {\n    getDynamicOptionsFromConfig,\n    getFieldFromFieldNameDsl,\n    isConfigAdvanced,\n} from '../utils/dynamicItemInputEditor';\nimport { VERTICAL_EDITOR_SPACING } from '../shared/dimensionConstants';\nimport type { StaticItem, DynamicOptionsContext } from '../types';\n\ninterface DynamicOptionsConfig {\n    context?: DynamicOptionsContext;\n    options?: Record<string, unknown>;\n}\n\ninterface DynamicItemEditorProps {\n    name: string;\n    value: StaticItem[] | string;\n    label: string;\n    labelPosition?: 'top' | 'left';\n    labelWidth?: number;\n    onChange: (event: React.SyntheticEvent | null, updatedConfig: DynamicOptionsConfig) => void;\n    context: DynamicOptionsContext;\n    dataSourceBindings: { primary?: string };\n    help?: string;\n    validate?: (args: { value: string }) => { message: string } | null;\n    [key: string]: unknown;\n}\n\nconst defaultHelpText = _(\n    'Advanced configuration options are being used by this input. Please edit in source mode.'\n);\n\nconst DynamicItemEditor = ({\n    name,\n    context,\n    value = '',\n    label,\n    onChange,\n    dataSourceBindings,\n    labelPosition = 'top',\n    labelWidth,\n    help = defaultHelpText,\n    validate,\n}: DynamicItemEditorProps): JSX.Element => {\n    const [staticItems, setItems] = React.useState<StaticItem[]>([]);\n    const [dynamicItemsLabelField, setLabel] = React.useState('');\n    const [dynamicItemsValueField, setValue] = React.useState('');\n\n    // update static and dynamic options when the props change\n    React.useEffect(() => {\n        const { staticOptions, dynamicOptionsLabel, dynamicOptionsValue } = getDynamicOptionsFromConfig({\n            items: value,\n            context,\n        });\n\n        setItems(staticOptions);\n        setLabel(dynamicOptionsLabel);\n        setValue(dynamicOptionsValue);\n    }, [value, context]);\n\n    // use static mode if no data source is configured\n    React.useEffect(() => {\n        const currDataSource = dataSourceBindings.primary;\n        if (currDataSource !== undefined || Array.isArray(value)) {\n            return;\n        }\n\n        onChange(null, {\n            context: {\n                formattedConfig: undefined,\n                formattedStatics: undefined,\n                statics: undefined,\n                label: undefined,\n                value: undefined,\n            },\n            options: {\n                [name]: staticItems,\n            },\n        });\n    }, [dataSourceBindings, name, value, onChange, staticItems]);\n\n    const handleChange = React.useCallback(\n        (newItems, newLabelField, newValueField) => {\n            const isStaticConfiguration = Array.isArray(value) && (!newLabelField || !newValueField);\n\n            if (isStaticConfiguration) {\n                onChange(null, { options: { [name]: newItems } });\n            } else {\n                const statics: string[][] = unzip(\n                    newItems.map(({ label: l, value: v }: StaticItem) => [l, v])\n                );\n                onChange(null, {\n                    context: {\n                        formattedConfig: { number: { prefix: '' } },\n                        formattedStatics: '>statics | formatByType(formattedConfig)',\n                        statics,\n                        label: `>primary | seriesByName(\"${newLabelField}\") | renameSeries(\"label\") | formatByType(formattedConfig)`,\n                        value: `>primary | seriesByName(\"${newValueField}\") | renameSeries(\"value\") | formatByType(formattedConfig)`,\n                    },\n                    options: {\n                        [name]: '>frame(label, value) | prepend(formattedStatics) | objects()',\n                    },\n                });\n            }\n        },\n        [name, value, onChange]\n    );\n\n    const handleStaticItemChange = React.useCallback(\n        (_event, _name, newItems) => {\n            handleChange(newItems, dynamicItemsLabelField, dynamicItemsValueField);\n        },\n        [handleChange, dynamicItemsLabelField, dynamicItemsValueField]\n    );\n\n    const handleDynamicLabelFieldChange = React.useCallback(\n        (_event, { value: newLabel }) => {\n            if (dynamicItemsValueField === '') {\n                // it is unecessary to update the definition until both label and value are set\n                setLabel(newLabel);\n            } else {\n                handleChange(staticItems, newLabel, dynamicItemsValueField);\n            }\n        },\n        [handleChange, staticItems, dynamicItemsValueField]\n    );\n\n    const handleDynamicValueFieldChange = React.useCallback(\n        (_event, { value: newValue }) => {\n            if (dynamicItemsLabelField === '') {\n                // it is unecessary to update the definition until both label and value are set\n                setValue(newValue);\n            } else {\n                handleChange(staticItems, dynamicItemsLabelField, newValue);\n            }\n        },\n        [handleChange, staticItems, dynamicItemsLabelField]\n    );\n\n    const prepareDynamicFieldValue =\n        (key: string) =>\n        (config: DynamicOptionsConfig): Record<string, unknown> => {\n            const fieldDsl = config?.options?.[key];\n            if (typeof fieldDsl === 'string') {\n                return { value: getFieldFromFieldNameDsl(fieldDsl) };\n            }\n            return { value: '' };\n        };\n\n    const usingAdvancedConfig = React.useMemo(\n        () => isConfigAdvanced({ items: value, context }),\n        [value, context]\n    );\n    if (usingAdvancedConfig) {\n        return (\n            <ControlGroup label={_(label)} labelPosition={labelPosition} labelWidth={labelWidth} help={help}>\n                <Text key={value.toString()} data-test={name} disabled defaultValue={value.toString()} />\n            </ControlGroup>\n        );\n    }\n\n    const dataSourceConfigured = !!dataSourceBindings.primary;\n    return (\n        <>\n            <StaticItemEditor\n                name=\"\"\n                label={_('Static menu configuration')}\n                labelPosition={labelPosition}\n                value={staticItems}\n                onChange={handleStaticItemChange}\n                validate={validate}\n            />\n            {dataSourceConfigured && (\n                <ColumnLayout key=\"dynamic-item-editor-label-value-layout\" gutter={VERTICAL_EDITOR_SPACING}>\n                    <ColumnLayout.Row key=\"dynamic-item-editor-label-row\">\n                        <ColumnSelectionEditor\n                            name=\"label\"\n                            label={_('Dynamic menu label field')}\n                            dataSourceKey=\"primary\"\n                            dataSourceBindings={dataSourceBindings}\n                            value={`>primary | seriesByName(\"${dynamicItemsLabelField}\")`}\n                            context={context}\n                            onChange={handleDynamicLabelFieldChange}\n                            prepareValue={prepareDynamicFieldValue('label')}\n                        />\n                    </ColumnLayout.Row>\n                    <ColumnLayout.Row key=\"dynamic-item-editor-value-row\">\n                        <ColumnSelectionEditor\n                            name=\"value\"\n                            label={_('Dynamic menu value field')}\n                            dataSourceKey=\"primary\"\n                            dataSourceBindings={dataSourceBindings}\n                            value={`>primary | seriesByName(\"${dynamicItemsValueField}\")`}\n                            context={context}\n                            onChange={handleDynamicValueFieldChange}\n                            prepareValue={prepareDynamicFieldValue('value')}\n                        />\n                    </ColumnLayout.Row>\n                </ColumnLayout>\n            )}\n        </>\n    );\n};\n\nDynamicItemEditor.propTypes = {\n    /**\n     * Callback when changing the text value\n     *\n     * onChange function has the following properties\n     * @param {SyntheticEvent} event The react `SyntheticEvent`\n     * @param {String} name The option name\n     * @param {StaticItem[]} value The option value\n     */\n    onChange: T.func.isRequired,\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n    /**\n     * A human readable label for the option\n     */\n    label: T.string.isRequired,\n    /**\n     * The option value\n     */\n    value: T.oneOfType([\n        T.arrayOf(\n            T.shape({\n                label: T.string.isRequired,\n                value: T.string.isRequired,\n            }).isRequired\n        ),\n        T.string,\n    ]),\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n    /**\n     * Label width\n     */\n    labelWidth: T.number,\n    /**\n     * The context object\n     */\n    context: T.shape({\n        label: T.string,\n        value: T.string,\n        statics: T.arrayOf(T.arrayOf(T.string.isRequired).isRequired),\n    }).isRequired,\n    /**\n     * Primary data source binding\n     */\n    dataSourceBindings: T.shape({ primary: T.any }).isRequired,\n    help: T.string,\n};\n\nexport default DynamicItemEditor;\n","import React, { useMemo } from 'react';\nimport { ColumnSelectorFooterMessage } from '../shared/ColumnSelectorFooterMessage';\nimport type { FieldTuple } from '../utils/columnSelectionUtils';\n\ntype ObjectWithName = {\n    name: string;\n    [key: string]: string;\n};\n\ntype Fields = FieldTuple[] | ObjectWithName[];\n\ninterface FooterMessageProps {\n    noSelectedFieldsInfo?: boolean;\n    filter: string;\n    availableFields: Fields;\n    selectedFields?: string[];\n    filteredFields: Fields;\n}\n\nexport const useColumnSelectorFooterMessage = ({\n    filter,\n    availableFields,\n    selectedFields,\n    filteredFields,\n    noSelectedFieldsInfo = false,\n}: FooterMessageProps) => {\n    const selectedFilteredFields = useMemo(() => {\n        if (!selectedFields || !filteredFields) return [];\n\n        const validSelectedFields = new Set(\n            selectedFields.filter(field => field !== '' && field !== undefined)\n        );\n\n        return filteredFields.filter(item => validSelectedFields.has(item.name));\n    }, [selectedFields, filteredFields]);\n\n    // make sure to display only 'No matches' text when there is no result of filtering\n    if (filter && !filteredFields.length) {\n        return null;\n    }\n\n    return (\n        <ColumnSelectorFooterMessage\n            noSelectedFieldsInfo={noSelectedFieldsInfo}\n            numSelected={selectedFilteredFields?.length} // if no filter is applied filteredFields equal availableFields\n            numFiltered={filteredFields.length}\n            numAvailable={availableFields.length}\n            filter={filter}\n        />\n    );\n};\n","import { useState, useEffect, useContext } from 'react';\nimport DataSourceContext, {\n    type BindingsSnapshot,\n    type DataSourceApi,\n} from '@splunk/visualization-context/DataSourceContext';\nimport { get, isFunction } from 'lodash';\n\ninterface UseDataSourceParams {\n    dataSourceBindings: BindingsSnapshot;\n    dataSourceKey: string;\n}\n// @TODO(pwied): use DataSource interface in return type (w/o dependency on @splunk/visualizations)\nexport const useDataSource = ({\n    dataSourceBindings,\n    dataSourceKey,\n}: UseDataSourceParams): BindingsSnapshot => {\n    const dataSourceApi = useContext<DataSourceApi>(DataSourceContext);\n    const [dataSource, setDataSource] = useState<BindingsSnapshot>();\n    useEffect((): (() => void) => {\n        if (!get(dataSourceBindings, dataSourceKey)) {\n            setDataSource(null);\n            return () => undefined;\n        }\n        const unsubscribe =\n            isFunction(dataSourceApi.subscribe) &&\n            dataSourceApi.subscribe(dataSourceKey, (snapshot): void => setDataSource(snapshot));\n        return () => {\n            if (unsubscribe) {\n                unsubscribe();\n            }\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dataSourceBindings]);\n    return dataSource;\n};\n","import * as T from 'prop-types';\nimport type { JSONSchema7 } from 'json-schema';\n\nexport interface BaseEditorProps {\n    name: string;\n    value: any;\n    onChange?: (...args: any[]) => void;\n    label?: string; // @TODO(pwied): this should not live in editor props\n    labelPosition?: 'top' | 'left'; // ^^^\n    context?: Record<string, any>;\n    labelWidth?: number;\n    isAdvanced?: boolean;\n    isDisabled?: boolean;\n    dataSourceBindings?: Record<string, any>;\n    options?: { [k: string]: any };\n    optionsSchema?: {\n        [key: string]: JSONSchema7;\n    };\n}\n\nexport const BaseEditorPropTypes: Record<keyof BaseEditorProps, T.Validator<any>> = {\n    name: T.string.isRequired,\n    value: T.oneOfType([T.string, T.object, T.arrayOf(T.string)]),\n    context: T.object,\n    label: T.string,\n    labelPosition: T.oneOf(['top', 'left']),\n    labelWidth: T.number,\n    onChange: T.func,\n    isAdvanced: T.bool,\n    isDisabled: T.bool,\n    dataSourceBindings: T.object,\n    options: T.object,\n    optionsSchema: T.object,\n};\n","import React, { Children, cloneElement } from 'react';\nimport type { ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup from '@splunk/react-ui/ControlGroup';\nimport type { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n    'data-test'?: string;\n    style?: Record<string, string | number>;\n    isAdvanced?: boolean;\n    onClick?: React.MouseEventHandler<HTMLDivElement>;\n    onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n    label?: string;\n    onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n    margin-top: 0;\n    padding: 0;\n    // adjust bottom margin according to theme\n    margin-bottom: ${variables.spacingMedium};\n    width: 100%;\n\n    // remove top margin of the first component in control group\n    &:first-child {\n        margin-top: 0;\n    }\n\n    // remove bottom margin of the last component in control group\n    &:last-child {\n        margin-bottom: 0;\n    }\n    // remove top padding on label of the first control group\n    [data-test='label']:first-of-type {\n        padding-top: 0;\n    }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n    display: flex;\n    > span {\n        display: flex;\n        width: 35px;\n    }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.interactiveColorOverlayDrag} !important;\n    }\n`;\n\nexport const AdvancedConfigButton = ({\n    label = '',\n    onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n    return (\n        <StyledToolTip\n            data-test={`${label}-advanced-config-button-tooltip`}\n            content={_('Advanced configurations')}\n        >\n            <StyledAdvancedConfigButton\n                data-test={`${label}-advanced-config-button`}\n                icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n                appearance=\"subtle\"\n                onClick={onClick}\n            />\n        </StyledToolTip>\n    );\n};\n\nconst AdvancedControlGroup = ({\n    'data-test': dataTest,\n    children,\n    isAdvanced = false,\n    label,\n    hideLabel,\n    labelPosition,\n    labelWidth,\n    tooltip,\n    help,\n    style,\n    error,\n    controlsLayout,\n    onClick,\n    onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n    <ControlGroupContainer\n        data-test={dataTest ?? 'control-group'}\n        label={label}\n        hideLabel={hideLabel}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        tooltip={tooltip}\n        help={help}\n        error={error}\n        style={style}\n        onClick={onClick}\n        controlsLayout={controlsLayout}\n    >\n        {isAdvanced\n            ? Children.toArray(children)\n                  .filter(Boolean)\n                  .map(child =>\n                      cloneElement(child as ReactElement, {\n                          style: { flex: 1 },\n                      })\n                  )\n            : children}\n        {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n    </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n    /**\n     * Style overriding SUI ControlGroup\n     */\n    style: T.object,\n    /**\n     * Whether the current editor is enabled with advanced configurations\n     */\n    isAdvanced: T.bool,\n    /**\n     * Callback for editor click\n     */\n    onClick: T.func,\n    /**\n     * Callback for advanced config button click\n     */\n    onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","import * as React from 'react';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { useMemo } from 'react';\n\ninterface FooterProps {\n    filter: string;\n    numSelected?: number;\n    numFiltered: number;\n    numAvailable: number;\n    noSelectedFieldsInfo?: boolean; // it is needed for AddColumn component which has different logic than other selection editors\n}\n\nexport const ColumnSelectorFooterMessage = ({\n    numSelected,\n    numFiltered,\n    numAvailable,\n    filter,\n    noSelectedFieldsInfo,\n}: FooterProps) => {\n    const footerMessageText = useMemo(() => {\n        if (filter) {\n            if (noSelectedFieldsInfo) {\n                return sprintf(_('%(filtered)d filtered from %(available)d fields'), {\n                    filtered: numFiltered,\n                    available: numAvailable,\n                });\n            }\n            return sprintf(_('%(selected)d selected from %(filtered)d filtered'), {\n                selected: numSelected,\n                filtered: numFiltered,\n            });\n        }\n        return noSelectedFieldsInfo\n            ? sprintf(_('%(shown)d of %(available)d fields'), {\n                  shown: numFiltered,\n                  available: numAvailable,\n              })\n            : sprintf(_('%(selected)d selected from %(available)d'), {\n                  selected: numSelected,\n                  available: numAvailable,\n              });\n    }, [filter, noSelectedFieldsInfo, numFiltered, numAvailable, numSelected]);\n\n    return (\n        <span data-test=\"footer-message\" aria-live=\"polite\" aria-atomic=\"true\">\n            {footerMessageText}\n        </span>\n    );\n};\n","export const FLYOUT_PADDING = 21;\nexport const COLUMN_FLYOUT_PADDING = 16;\nexport const FLYOUT_WIDTH = 344;\n\nexport const VERTICAL_EDITOR_SPACING = 16;\n\nexport const DROPDOWN_MENU_WIDTH = 327;\n\nexport const editorStyle = { width: '100%' };\n","import { _ } from '@splunk/ui-utils/i18n';\nimport {\n    inferDataTypeFromData,\n    canInferTypeFromMeta,\n    getDataTypeForMeta,\n} from '@splunk/visualization-encoding/utils/types';\n\nexport interface FieldTuple {\n    name: string;\n    type: string;\n}\n\nexport const getAvailableFieldsWithTypes = (\n    columns: unknown[][],\n    fields: { name: string; type?: string }[]\n): FieldTuple[] => {\n    const fieldsWithType = fields.map((field, index) => {\n        const { name } = field;\n        const inferredType = canInferTypeFromMeta(field)\n            ? getDataTypeForMeta(field)\n            : inferDataTypeFromData(columns[index]);\n        return {\n            name,\n            type: inferredType,\n        };\n    });\n    return fieldsWithType;\n};\n\nexport const getFilteredFields = (availableFieldsWithTypes: FieldTuple[], filter: string): FieldTuple[] => {\n    return availableFieldsWithTypes.filter((field): boolean => field.name.indexOf(filter) !== -1);\n};\n\nexport const sanitizeFieldNames = (value: unknown, fieldNames: string[]): string[] => {\n    if (typeof value === 'string' && fieldNames.includes(value)) {\n        return [value];\n    }\n    if (Array.isArray(value)) {\n        return value.filter(name => fieldNames.includes(name));\n    }\n    return [];\n};\n\nexport const getPlaceholderMessage = ({\n    hasError,\n    isLoading,\n    isMissing,\n    defaultMessage = 'Select a field from data source',\n}: {\n    hasError: boolean;\n    isLoading: boolean;\n    isMissing: boolean;\n    defaultMessage?: string;\n}): string => {\n    if (isMissing) {\n        return _('Set up data source to select');\n    }\n    if (hasError) {\n        return _('Please set up valid data source to select');\n    }\n    if (isLoading) {\n        return _('Loading data source...');\n    }\n    return _(defaultMessage);\n};\n","import { find, findLastIndex, get, isMatch, zipWith } from 'lodash';\nimport { DslParser } from '@splunk/visualization-encoding/DslParser';\nimport EncodingParser from '@splunk/visualization-encoding/EncodingParser';\nimport type { StaticItem, DynamicOptionsContext } from '../types';\n\n/**\n *  The Dropdown/Multiselect inputs expect a config that has the following format. Additional\n *  formatting clauses and options may be present. This is the \"standard dynamic config\".\n *  {\n *      context: {\n *          statics: [\n *              ['label1', 'label2', ...],\n *              ['value1', 'value2', ...]\n *          ],\n *          label: '>primary | seriesByName(\"<label field name>\") | renameSeries('label'),\n *          value: '>primary | seriesByName(\"<value field name>\") | renameSeries('value')\n *      },\n *      options: {\n *          items: '>frame(label, value) | prepend(statics) | objects()'\n *      }\n *  }\n *\n *  The \"standard static config\" is as follows. The contents of context do not matter.\n *  {\n *      context: {},\n *      options: {\n *          items: [\n *              { label: 'label1', value: 'value1 },\n *              { label: 'label2', value: 'value2 },\n *              ...\n *          ]\n *      }\n *  }\n *\n *  \"Advanced configs\" are any config that does not follow the above formats.\n */\n\n/**\n * Retrieve the first field name from a DSL string containing seriesByName().\n */\nexport const getFieldFromFieldNameDsl = (dsl: string): string => {\n    try {\n        const ast = DslParser.parse(EncodingParser.withoutArrow(dsl));\n        const seriesByNameNode = find(ast, {\n            type: 'method',\n            name: 'seriesByName',\n        });\n        return get(seriesByNameNode, ['args', '0', 'v'], '');\n    } catch {\n        return '';\n    }\n};\n\n/**\n * Simple validation to check that a DSL string matches the standard config for the\n * context label/value field of Dynamic Options.\n */\nconst isFieldNameDslStandard = (dsl: string): boolean => {\n    try {\n        const ast = DslParser.parse(EncodingParser.withoutArrow(dsl));\n        const seriesIdx = findLastIndex(ast, {\n            type: 'method',\n            name: 'seriesByName',\n        });\n        const renameIdx = findLastIndex(ast, {\n            type: 'method',\n            name: 'renameSeries',\n        });\n        return seriesIdx !== -1 && renameIdx !== -1 && seriesIdx < renameIdx;\n    } catch {\n        return false;\n    }\n};\n\n/**\n * Simple validation to check that a DSL string matches the standard config for the\n * options items field of Dynamic Options.\n */\nconst isItemsDslStandard = (dsl: string): boolean => {\n    try {\n        const ast = DslParser.parse(EncodingParser.withoutArrow(dsl));\n        return (\n            ast.length === 3 &&\n            isMatch(ast[0], { type: 'method', name: 'frame' }) &&\n            isMatch(ast[1], { type: 'method', name: 'prepend' }) &&\n            isMatch(ast[2], { type: 'method', name: 'objects' })\n        );\n    } catch {\n        return false;\n    }\n};\n\n/**\n * Simple validation to determine if the config of an input matches the schema for the\n * Dynamic Options.\n */\nexport const isConfigAdvanced = ({\n    items,\n    context,\n}: {\n    items?: StaticItem[] | string;\n    context: DynamicOptionsContext;\n}): boolean => {\n    if (typeof items !== 'string') {\n        return false;\n    }\n\n    const { label, value } = context;\n    if (typeof label !== 'string' || typeof value !== 'string') {\n        return true;\n    }\n\n    return !isItemsDslStandard(items) || !isFieldNameDslStandard(label) || !isFieldNameDslStandard(value);\n};\n\n/**\n * Retrieves static items and Dynamic Options for a dropdown/multiselect input from the input\n * config.\n */\nexport const getDynamicOptionsFromConfig = ({\n    items,\n    context,\n}: {\n    items?: StaticItem[] | string;\n    context: DynamicOptionsContext;\n}): {\n    staticOptions: StaticItem[];\n    dynamicOptionsLabel: string;\n    dynamicOptionsValue: string;\n} => {\n    if (Array.isArray(items)) {\n        return {\n            staticOptions: items,\n            dynamicOptionsLabel: '',\n            dynamicOptionsValue: '',\n        };\n    }\n\n    const statics = context.statics || [];\n    const staticOptions = zipWith(...statics, (label: string, value: string) => ({\n        label,\n        value,\n    }));\n\n    const { label, value } = context;\n\n    const dynamicOptionsLabel = label ? getFieldFromFieldNameDsl(label) : '';\n    const dynamicOptionsValue = value ? getFieldFromFieldNameDsl(value) : '';\n\n    return {\n        staticOptions,\n        dynamicOptionsLabel,\n        dynamicOptionsValue,\n    };\n};\n","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ColumnLayout\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/FormRows\");","module.exports = require(\"@splunk/react-ui/Select\");","module.exports = require(\"@splunk/react-ui/Text\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/format\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualization-context/DataSourceContext\");","module.exports = require(\"@splunk/visualization-encoding/DslParser\");","module.exports = require(\"@splunk/visualization-encoding/EncodingParser\");","module.exports = require(\"@splunk/visualization-encoding/utils/dsl\");","module.exports = require(\"@splunk/visualization-encoding/utils/types\");","module.exports = require(\"@splunk/visualizations-shared/dataSourceUtils\");","module.exports = require(\"lodash\");","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(7585);\n"],"names":["RowContainer","styled","formRowHeader","React","_","removeItem","items","index","filter","_item","idx","isItemError","value","key","trim","i","length","isLabelError","label","isValueError","InputContainer","defaultValue","StaticItemEditor","onChange","name","labelPosition","validate","staticItems","setItems","useState","nextIndex","setIndex","useEffect","handleChange","useCallback","newItems","isEqual","some","uniqBy","item","handleRequestRemove","_evt","handleRequestMove","fromIndex","toIndex","splice","handleItemChange","_name","val","_objectSpread","handleRequestAdd","concat","rows","map","l","v","FormRows","onRequestRemove","TextEditor","hideLabel","error","ControlGroup","addLabel","header","onRequestAdd","onRequestMove","propTypes","T","isRequired","require","defaultLabelStyle","_ref","labelWidth","labelStyle","isAdvanced","isDisabled","help","tooltip","otherProps","_objectWithoutProperties","_excluded","setValueState","handleValidate","newValue","errorState","setErrorState","debouncedHandleValidate","useMemo","debounce","newVal","cancel","_event","handleBlur","event","newError","handleKeyPress","style","message","Text","_extends","editorStyle","onKeyDown","onBlur","disabled","canClear","BaseEditorPropTypes","dataSourceKey","string","prepareValue","func","filterByTypes","arrayOf","ColumnSelectionEditor","dataSourceBindings","id","dataSource","useDataSource","columns","fields","data","availableFieldsWithTypes","getAvailableFieldsWithTypes","fieldName","getFieldsFromDSL","selectedField","setSelectedField","setFilter","filteredFields","field","indexOf","footerMessage","useColumnSelectorFooterMessage","availableFields","selectedFields","handleValueChange","selectedValue","update","options","handleFilterChange","e","keyword","hasError","isMissing","isLoading","getDataSourceStateInfo","placeholderMessage","getPlaceholderMessage","onFilterChange","placeholder","isLoadingOptions","Option","type","find","f","defaultHelpText","DynamicItemEditor","context","dynamicItemsLabelField","setLabel","dynamicItemsValueField","setValue","staticOptions","dynamicOptionsLabel","dynamicOptionsValue","getDynamicOptionsFromConfig","undefined","primary","Array","isArray","formattedConfig","formattedStatics","statics","newLabelField","newValueField","unzip","number","prefix","handleStaticItemChange","handleDynamicLabelFieldChange","newLabel","handleDynamicValueFieldChange","prepareDynamicFieldValue","config","fieldDsl","getFieldFromFieldNameDsl","isConfigAdvanced","toString","dataSourceConfigured","gutter","VERTICAL_EDITOR_SPACING","Row","oneOfType","shape","oneOf","any","noSelectedFieldsInfo","selectedFilteredFields","validSelectedFields","Set","has","ColumnSelectorFooterMessage","numSelected","numFiltered","numAvailable","dataSourceApi","useContext","setDataSource","get","unsubscribe","isFunction","subscribe","snapshot","object","bool","optionsSchema","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","icon","appearance","AdvancedControlGroup","dataTest","children","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","Boolean","child","cloneElement","flex","footerMessageText","sprintf","filtered","available","selected","shown","FLYOUT_PADDING","COLUMN_FLYOUT_PADDING","FLYOUT_WIDTH","DROPDOWN_MENU_WIDTH","width","canInferTypeFromMeta","getDataTypeForMeta","inferDataTypeFromData","getFilteredFields","sanitizeFieldNames","fieldNames","includes","defaultMessage","dsl","ast","DslParser","parse","withoutArrow","seriesByNameNode","isFieldNameDslStandard","seriesIdx","findLastIndex","renameIdx","isMatch","isItemsDslStandard","zipWith","module","exports","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","call","n","getter","__esModule","d","a","definition","o","Object","defineProperty","enumerable","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","__webpack_exports__"],"sourceRoot":""}

package/editors/ImageEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/hooks/useCSPViolationObserver.tsx","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/CSPMessage.tsx","webpack://@splunk/dynamic-editors/./src/shared/MessageContainer.tsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/defineProperty\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/Cross\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Link\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Message\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Text\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Tooltip\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/themes\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/FeatureFlagContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/MessageContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/runtime/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/ImageContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Image\"","webpack://@splunk/dynamic-editors/./src/components/UploadImageEditor.jsx","webpack://@splunk/dynamic-editors/./src/components/ImageThumbnail.jsx","webpack://@splunk/dynamic-editors/./src/editors/ImageEditor.jsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\ntype ViolationType = 'error' | 'warning' | 'none';\n\nconst useCSPViolationObserver = (src: string, defaultValue: ViolationType = 'none'): ViolationType => {\n    const [violation, setViolation] = useState<ViolationType>(defaultValue);\n    useEffect(() => {\n        const violationHandler = e => {\n            if ((e.blockedURI === src || e.blockedURI === `${src}/`) && e.disposition === 'enforce') {\n                // the second src condition is required as Chrome rewrites\n                // URLs without query parameters (e.g. foo.com -> foo.com/ )\n                setViolation('error');\n            } else if ((e.blockedURI === src || e.blockedURI === `${src}/`) && e.disposition === 'report') {\n                setViolation('warning');\n            }\n        };\n        document.addEventListener('securitypolicyviolation', violationHandler);\n        setViolation(defaultValue);\n        return () => {\n            document.removeEventListener('securitypolicyviolation', violationHandler);\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [src]);\n    return violation;\n};\n\nexport { useCSPViolationObserver };\n","import React, { Children, cloneElement, ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup, { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n    'data-test'?: string;\n    style?: Record<string, string | number>;\n    isAdvanced?: boolean;\n    onClick?: React.MouseEventHandler<HTMLDivElement>;\n    onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n    label?: string;\n    onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n    margin-top: 0;\n    padding: 0;\n    // adjust bottom margin according to theme\n    margin-bottom: ${variables.spacingMedium};\n    width: 100%;\n\n    // remove top margin of the first component in control group\n    &:first-child {\n        margin-top: 0;\n    }\n\n    // remove bottom margin of the last component in control group\n    &:last-child {\n        margin-bottom: 0;\n    }\n    // remove top padding on label of the first control group\n    [data-test='label']:first-of-type {\n        padding-top: 0;\n    }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n    display: flex;\n    > span {\n        display: flex;\n        width: 35px;\n    }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.interactiveColorOverlayDrag} !important;\n    }\n`;\n\nexport const AdvancedConfigButton = ({\n    label = '',\n    onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n    return (\n        <StyledToolTip\n            data-test={`${label}-advanced-config-button-tooltip`}\n            content={_('Advanced configurations')}\n        >\n            <StyledAdvancedConfigButton\n                data-test={`${label}-advanced-config-button`}\n                icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n                appearance=\"subtle\"\n                onClick={onClick}\n            />\n        </StyledToolTip>\n    );\n};\n\nconst AdvancedControlGroup = ({\n    'data-test': dataTest,\n    children,\n    isAdvanced = false,\n    label,\n    hideLabel,\n    labelPosition,\n    labelWidth,\n    tooltip,\n    help,\n    style,\n    error,\n    controlsLayout,\n    onClick,\n    onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n    <ControlGroupContainer\n        data-test={dataTest ?? 'control-group'}\n        label={label}\n        hideLabel={hideLabel}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        tooltip={tooltip}\n        help={help}\n        error={error}\n        style={style}\n        onClick={onClick}\n        controlsLayout={controlsLayout}\n    >\n        {isAdvanced\n            ? Children.toArray(children)\n                  .filter(Boolean)\n                  .map(child =>\n                      cloneElement(child as ReactElement, {\n                          style: { flex: 1 },\n                      })\n                  )\n            : children}\n        {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n    </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n    /**\n     * Style overriding SUI ControlGroup\n     */\n    style: T.object,\n    /**\n     * Whether the current editor is enabled with advanced configurations\n     */\n    isAdvanced: T.bool,\n    /**\n     * Callback for editor click\n     */\n    onClick: T.func,\n    /**\n     * Callback for advanced config button click\n     */\n    onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","import * as React from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Message from '@splunk/react-ui/Message';\nimport Link from '@splunk/react-ui/Link';\nimport MessageContext from '@splunk/visualization-context/MessageContext';\n\nexport type CSPMessageProps = { type: 'warning' | 'error' };\n\nexport const CSPMessage = ({ type }: CSPMessageProps) => {\n    const { cspMessageLink } = React.useContext(MessageContext) as Record<string, string>; // NOSONAR\n    return (\n        <Message appearance=\"fill\" type={type} data-test={`csp-message-${type}`}>\n            {_(\n                'External image URLs must now have their domains listed in the Dashboards Trusted Domains List by working with your administrator. Alternatively, you can upload the image directly into the dashboard. '\n            )}\n            {cspMessageLink && (\n                <Link to={cspMessageLink} openInNewContext>\n                    {_('Learn more')}\n                </Link>\n            )}\n        </Message>\n    );\n};\n","import styled from 'styled-components';\n\nexport const MessageContainer = styled.div`\n    margin-top: 10px;\n`;\n","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@splunk/react-icons/Cross\");","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Link\");","module.exports = require(\"@splunk/react-ui/Message\");","module.exports = require(\"@splunk/react-ui/Text\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualization-context/FeatureFlagContext\");","module.exports = require(\"@splunk/visualization-context/MessageContext\");","module.exports = require(\"lodash\");","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/visualization-context/ImageContext\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/react-ui/Image\");","import React, { Component } from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Message from '@splunk/react-ui/Message';\nimport Text from '@splunk/react-ui/Text';\nimport ImageFileReader from '@splunk/react-ui/Image';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport { memoize } from 'lodash';\nimport { CSPMessage } from '../shared/CSPMessage';\n\nconst EditorContainer = styled.div`\n    padding-bottom: 5px;\n    width: 100%;\n    text-align: center;\n`;\n\nconst textStyle = { marginBottom: 10 };\nconst imageFileReaderStyle = { width: '100%' };\nconst SharingWarning = styled.span`\n    font-size: smaller;\n    font-style: italic;\n`;\n\nexport const warningText = _(\n    'Note: Uploaded image files can be accessed and deleted by others in your organization'\n);\n\nexport const calculateAllowedImageFileTypes = memoize(\n    (mediaTypes, enableSVGImageUpload) => {\n        const allowedImageFileTypes = mediaTypes.slice();\n        if (enableSVGImageUpload) {\n            if (allowedImageFileTypes.indexOf('svg') === -1) {\n                allowedImageFileTypes.push('svg');\n            }\n        } else {\n            // if enableSVGImageUpload is set to false, then remove the svg upload capability\n            const index = allowedImageFileTypes.indexOf('svg');\n            if (index > -1) {\n                allowedImageFileTypes.splice(index, 1);\n            }\n        }\n        return allowedImageFileTypes;\n    },\n    (mediaTypes, enableSVGImageUpload) => `${enableSVGImageUpload}-${mediaTypes.join('-')}`\n);\n\nclass UploadImageEditor extends Component {\n    static contextType = FeatureFlagContext;\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            urlValue: '',\n            validUrl: true,\n            violationType: 'none',\n        };\n\n        // Reference to rendered SUI input clear button\n        this.inputRef = React.createRef();\n    }\n\n    componentDidMount() {\n        document.addEventListener('securitypolicyviolation', this.violationHandler);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('securitypolicyviolation', this.violationHandler);\n\n        if (this.inputRef.current) {\n            this.inputRef.current.removeEventListener('focusout', this.handleBlur);\n        }\n    }\n\n    violationHandler = e => {\n        if (\n            (e.blockedURI === this.state.urlValue || e.blockedURI === `${this.state.urlValue}/`) &&\n            e.disposition === 'enforce'\n        ) {\n            this.setState({\n                violationType: 'error',\n            });\n        } else if (\n            (e.blockedURI === this.state.urlValue || e.blockedURI === `${this.state.urlValue}/`) &&\n            e.disposition === 'report'\n        ) {\n            this.setState({\n                violationType: 'warning',\n            });\n        }\n    };\n\n    /**\n     * Executes and passes the url to the callback function, handleImageUpload(), if the image url is valid, else sets the boolean validURL to false\n     * @method checkImage\n     * @param {String} src\n     */\n    checkImage = src => {\n        if (!src) {\n            return;\n        }\n        const img = new Image();\n        img.onload = () => {\n            this.props.handleImageUpload({ src });\n        };\n        img.onerror = () => {\n            // Only set validUrl=false when there's a URL value in state\n            this.setState(state => (!state.urlValue ? undefined : { validUrl: false }));\n        };\n        img.src = src;\n    };\n\n    /**\n     * Callback to update text box value (url) on change\n     * @method handleURLChange\n     * @param {String} value\n     * @param {Object} e\n     */\n    handleURLChange = (e, { value }) => {\n        this.setState({\n            urlValue: value,\n            validUrl: true,\n            violationType: 'none',\n        });\n    };\n\n    /**\n     * Checks if text key down is 'enter' and calls checkImage() accordingly\n     * @method handleTextKeyDown\n     * @param {Object} e\n     */\n    handleTextKeyDown = e => {\n        if (e.key === 'Enter') {\n            e.preventDefault();\n            this.checkImage(this.state.urlValue);\n        }\n    };\n\n    handleBlur = event => {\n        // If the element taking focus from the input is in the input tree\n        // then it's probably the clear button\n        if (this.inputRef.current?.contains(event.relatedTarget)) {\n            return;\n        }\n\n        this.checkImage(this.state.urlValue);\n    };\n\n    // Custom ref/event listener for the Text input because SUI uses a blur event\n    // which doesn't bubble. By using focusout the event will bubble and the clear\n    // button can prevent checking for an image while it has focus but doesn't\n    // block the check if a user tabs through the button\n    trackInputRef = element => {\n        this.inputRef.current = element;\n        if (element) {\n            element.addEventListener('focusout', this.handleBlur);\n        }\n    };\n\n    /**\n     * Executes and passes the filename+dataURI to the callback function, handleImageUpload()\n     * @method handleOnImageChange\n     * @param {Object} {filename, dataURI}\n     */\n    handleOnImageChange = ({ filename, imageDataURI }) => {\n        if (filename && imageDataURI) {\n            this.props.handleImageUpload({ filename, imageDataURI });\n        } else {\n            this.props.handleImageUpload({ filename: null, imageDataURI: null });\n        }\n    };\n\n    render() {\n        const {\n            enableImageFileUpload,\n            enableSVGImageUpload,\n            enableSvgHttpDownloader,\n            enableGallerySharingWarning,\n        } = this.context || {};\n        const allowedImageFileTypes = calculateAllowedImageFileTypes(\n            this.props.validImageTypes,\n            enableSVGImageUpload\n        );\n\n        // 1. allowedImageFileTypes does not have svg, show URL Input Field\n        // 2. allowedImageFileTypes has svg and svg is rendered as dom (ChoroplethSvg), then if feature flag enableSvgHttpDownloader is true, show URL Input Field\n        // 3. allowedImageFileTypes has svg and svg is not rendered as dom but with <img> (Image Viz), show URL Input Field\n\n        const shouldShowURLField =\n            allowedImageFileTypes.indexOf('svg') < 0 ||\n            (this.props.svgRenderAsDom &&\n                allowedImageFileTypes.indexOf('svg') > -1 &&\n                enableSvgHttpDownloader) ||\n            (!this.props.svgRenderAsDom && allowedImageFileTypes.indexOf('svg') > -1);\n\n        const errorMessage =\n            this.state.violationType !== 'none' ? (\n                <CSPMessage type={this.state.violationType} />\n            ) : (\n                <Message appearance=\"fill\" type=\"error\">\n                    {_(\"We can't find an image with this URL. Please enter a new URL.\")}\n                </Message>\n            );\n        return (\n            <EditorContainer>\n                {shouldShowURLField && (\n                    <Text\n                        canClear\n                        value={this.state.urlValue}\n                        onChange={this.handleURLChange}\n                        onKeyDown={this.handleTextKeyDown}\n                        style={textStyle}\n                        elementRef={this.trackInputRef}\n                    />\n                )}\n                {this.state.validUrl\n                    ? enableImageFileUpload && (\n                          <React.Fragment>\n                              <ImageFileReader\n                                  style={imageFileReaderStyle}\n                                  defaultFilename={null}\n                                  defaultImageDataURI={null}\n                                  onImageChange={this.handleOnImageChange}\n                                  allowExtensions={allowedImageFileTypes}\n                              />\n                              {enableGallerySharingWarning && (\n                                  <SharingWarning data-test=\"gallery-sharing-warning\">\n                                      {warningText}\n                                  </SharingWarning>\n                              )}\n                          </React.Fragment>\n                      )\n                    : errorMessage}\n            </EditorContainer>\n        );\n    }\n}\n\nUploadImageEditor.propTypes = {\n    handleImageUpload: T.func,\n    validImageTypes: T.array,\n    svgRenderAsDom: T.bool,\n};\n\nUploadImageEditor.defaultProps = {\n    handleImageUpload: () => {},\n    validImageTypes: ['gif', 'jpeg', 'jpg', 'png', 'webp'],\n    svgRenderAsDom: false,\n};\n\nexport default UploadImageEditor;\n","import React from 'react';\nimport styled from 'styled-components';\nimport T from 'prop-types';\nimport { noop } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Cross from '@splunk/react-icons/Cross';\nimport Button from '@splunk/react-ui/Button';\nimport { variables, mixins } from '@splunk/themes';\nimport { useCSPViolationObserver } from '../hooks/useCSPViolationObserver';\nimport { CSPMessage } from '../shared/CSPMessage';\nimport { MessageContainer } from '../shared/MessageContainer';\n\nconst RemoveButtonIcon = <Cross />;\n\nconst ImageUrlReaderContainer = styled.div`\n    width: 100%;\n    padding-bottom: 5px;\n`;\n\nconst StyledImagePreview = styled.div`\n    border: 1px solid ${variables.borderColor};\n    position: relative;\n    min-height: 30px;\n    height: auto;\n`;\n\nconst StyledTitleContainer = styled.div`\n    background-color: ${variables.backgroundColorPage};\n    color: ${variables.contentColorDefault};\n    opacity: 0.9;\n    position: absolute;\n    width: 100%;\n    min-height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\n\nconst StyledTitle = styled.div`\n    margin-left: ${variables.spacingMedium};\n    overflow: hidden;\n    text-align: start;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nconst StyledRemoveButton = styled(Button).attrs({\n    'data-test': 'image-remove-button',\n})`\n    flex-grow: 0;\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.actionColorBackgroundSecondaryHover} !important;\n    }\n`;\n\nconst StyledImageThumbnail = styled.img`\n    ${mixins.reset('block')};\n    margin: 0 auto;\n    max-width: 100%;\n    max-height: 180px;\n`;\n\nconst ImageThumbnail = ({\n    filename = null,\n    imageDataURI = null,\n    onImageRemove = noop,\n    overrideCSPViolation,\n}) => {\n    const violationType = useCSPViolationObserver(imageDataURI, overrideCSPViolation);\n\n    return (\n        <ImageUrlReaderContainer>\n            <StyledImagePreview>\n                <StyledTitleContainer>\n                    <StyledTitle>{filename}</StyledTitle>\n                    <StyledRemoveButton\n                        aria-label={_('Remove image')}\n                        appearance=\"subtle\"\n                        icon={RemoveButtonIcon}\n                        onClick={onImageRemove}\n                    />\n                </StyledTitleContainer>\n                <StyledImageThumbnail alt={filename} src={imageDataURI} />\n            </StyledImagePreview>\n            {violationType !== 'none' && (\n                <MessageContainer>\n                    <CSPMessage type={violationType} />\n                </MessageContainer>\n            )}\n        </ImageUrlReaderContainer>\n    );\n};\n\nImageThumbnail.propTypes = {\n    filename: T.string,\n    imageDataURI: T.string,\n    onImageRemove: T.func,\n    overrideCSPViolation: T.string,\n};\n\nexport default ImageThumbnail;\n","import React, { useContext, useEffect, useCallback, useState } from 'react';\nimport T from 'prop-types';\nimport ImageContext from '@splunk/visualization-context/ImageContext';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport UploadImageEditor from '../components/UploadImageEditor';\nimport ImageThumbnail from '../components/ImageThumbnail';\n\nconst getImageData = async (registry, value) => {\n    if (registry?.isResourceURL(value)) {\n        return registry.getByURL(value);\n    }\n    return { dataURI: value, metaData: { name: value } };\n};\n\nconst ImageEditor = ({\n    onChange,\n    name,\n    value,\n    labelPosition = 'top',\n    labelWidth,\n    label,\n    validMediaTypes,\n    svgRenderAsDom,\n    overrideCSPViolation,\n}) => {\n    const imageRegistry = useContext(ImageContext);\n    const [dataUri, setDataUri] = useState(null);\n    const [fileName, setFileName] = useState(null);\n\n    const uploadImage = useCallback(\n        async (file, imageDataUri) => {\n            try {\n                const imageId = await imageRegistry.upload(\n                    imageDataUri,\n                    { name: file },\n                    null,\n                    validMediaTypes\n                );\n                onChange(null, name, imageId);\n            } catch (error) {\n                // eslint-disable-next-line no-console\n                console.warn(error);\n            }\n        },\n        [imageRegistry, validMediaTypes, onChange, name]\n    );\n\n    const handleUpload = useCallback(\n        ({ src, filename: file, imageDataURI }) => {\n            if (src) {\n                return onChange(null, name, src);\n            }\n\n            if (file !== null && imageDataURI !== null) {\n                return uploadImage(file, imageDataURI);\n            }\n\n            return onChange(null, name, null);\n        },\n        [uploadImage, onChange, name]\n    );\n\n    const handleRemove = useCallback(event => onChange(event, name, null), [onChange, name]);\n\n    useEffect(() => {\n        const populateData = async () => {\n            if (value) {\n                const obj = await getImageData(imageRegistry, value);\n\n                setDataUri(obj.dataURI);\n                setFileName(obj.metaData.name);\n            }\n        };\n\n        populateData();\n    }, [value, imageRegistry]);\n\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition} labelWidth={labelWidth}>\n            {value ? (\n                <ImageThumbnail\n                    filename={fileName}\n                    imageDataURI={dataUri}\n                    onImageRemove={handleRemove}\n                    overrideCSPViolation={overrideCSPViolation}\n                />\n            ) : (\n                <UploadImageEditor\n                    svgRenderAsDom={svgRenderAsDom}\n                    validImageTypes={validMediaTypes}\n                    handleImageUpload={handleUpload}\n                />\n            )}\n        </ControlGroup>\n    );\n};\n\nImageEditor.propTypes = {\n    /**\n     * Callback when changing the text value\n     *\n     * @param {SyntheticEvent} event The react `SyntheticEvent`\n     * @param {string} name The option name\n     * @param {string} value The option value\n     */\n    onChange: T.func.isRequired,\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n    /**\n     * A human readable label for the option\n     */\n    label: T.string.isRequired,\n    /**\n     * The option value\n     */\n    value: T.string,\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n    labelWidth: T.number,\n    /**\n     * The valid media type\n     */\n    validMediaTypes: T.array,\n    /**\n     * Boolean to indicate if svg render in domNode directly\n     */\n    svgRenderAsDom: T.bool,\n    /**\n     * Simulate CSP Violation\n     */\n    overrideCSPViolation: T.string,\n};\n\nexport default ImageEditor;\n"],"names":["useCSPViolationObserver","src","defaultValue","violation","setViolation","useState","useEffect","violationHandler","e","blockedURI","disposition","document","addEventListener","removeEventListener","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","label","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","labelPosition","labelWidth","tooltip","help","style","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","propTypes","T","object","bool","func","CSPMessage","type","cspMessageLink","React","useContext","to","openInNewContext","MessageContainer","div","module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","value","EditorContainer","styled","textStyle","marginBottom","imageFileReaderStyle","width","SharingWarning","warningText","calculateAllowedImageFileTypes","memoize","mediaTypes","enableSVGImageUpload","allowedImageFileTypes","slice","indexOf","push","index","splice","join","UploadImageEditor","Component","constructor","props","super","_defineProperty","this","state","urlValue","setState","violationType","img","Image","onload","handleImageUpload","onerror","validUrl","preventDefault","checkImage","event","_this$inputRef$curren","inputRef","current","contains","relatedTarget","element","handleBlur","filename","imageDataURI","componentDidMount","componentWillUnmount","render","enableImageFileUpload","enableSvgHttpDownloader","enableGallerySharingWarning","context","validImageTypes","shouldShowURLField","svgRenderAsDom","errorMessage","Message","Text","canClear","onChange","handleURLChange","onKeyDown","handleTextKeyDown","elementRef","trackInputRef","ImageFileReader","defaultFilename","defaultImageDataURI","onImageChange","handleOnImageChange","allowExtensions","FeatureFlagContext","defaultProps","RemoveButtonIcon","Cross","ImageUrlReaderContainer","StyledImagePreview","borderColor","StyledTitleContainer","backgroundColorPage","contentColorDefault","StyledTitle","StyledRemoveButton","Button","attrs","actionColorBackgroundSecondaryHover","StyledImageThumbnail","mixins","reset","ImageThumbnail","onImageRemove","noop","overrideCSPViolation","alt","ImageEditor","name","validMediaTypes","imageRegistry","ImageContext","dataUri","setDataUri","fileName","setFileName","uploadImage","useCallback","async","file","imageDataUri","imageId","upload","console","warn","handleUpload","handleRemove","registry","isResourceURL","getByURL","dataURI","metaData","getImageData","populateData","ControlGroup","isRequired"],"sourceRoot":""}
+{"version":3,"file":"ImageEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/hooks/useCSPViolationObserver.tsx","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/CSPMessage.tsx","webpack://@splunk/dynamic-editors/./src/shared/MessageContainer.tsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/defineProperty\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/Cross\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Link\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Message\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Text\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Tooltip\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/themes\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/FeatureFlagContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/MessageContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/runtime/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/ImageContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Image\"","webpack://@splunk/dynamic-editors/./src/components/UploadImageEditor.jsx","webpack://@splunk/dynamic-editors/./src/components/ImageThumbnail.jsx","webpack://@splunk/dynamic-editors/./src/editors/ImageEditor.jsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\ntype ViolationType = 'error' | 'warning' | 'none';\n\nconst useCSPViolationObserver = (src: string, defaultValue: ViolationType = 'none'): ViolationType => {\n    const [violation, setViolation] = useState<ViolationType>(defaultValue);\n    useEffect(() => {\n        const violationHandler = e => {\n            if ((e.blockedURI === src || e.blockedURI === `${src}/`) && e.disposition === 'enforce') {\n                // the second src condition is required as Chrome rewrites\n                // URLs without query parameters (e.g. foo.com -> foo.com/ )\n                setViolation('error');\n            } else if ((e.blockedURI === src || e.blockedURI === `${src}/`) && e.disposition === 'report') {\n                setViolation('warning');\n            }\n        };\n        document.addEventListener('securitypolicyviolation', violationHandler);\n        setViolation(defaultValue);\n        return () => {\n            document.removeEventListener('securitypolicyviolation', violationHandler);\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [src]);\n    return violation;\n};\n\nexport { useCSPViolationObserver };\n","import React, { Children, cloneElement } from 'react';\nimport type { ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup from '@splunk/react-ui/ControlGroup';\nimport type { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n    'data-test'?: string;\n    style?: Record<string, string | number>;\n    isAdvanced?: boolean;\n    onClick?: React.MouseEventHandler<HTMLDivElement>;\n    onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n    label?: string;\n    onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n    margin-top: 0;\n    padding: 0;\n    // adjust bottom margin according to theme\n    margin-bottom: ${variables.spacingMedium};\n    width: 100%;\n\n    // remove top margin of the first component in control group\n    &:first-child {\n        margin-top: 0;\n    }\n\n    // remove bottom margin of the last component in control group\n    &:last-child {\n        margin-bottom: 0;\n    }\n    // remove top padding on label of the first control group\n    [data-test='label']:first-of-type {\n        padding-top: 0;\n    }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n    display: flex;\n    > span {\n        display: flex;\n        width: 35px;\n    }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.interactiveColorOverlayDrag} !important;\n    }\n`;\n\nexport const AdvancedConfigButton = ({\n    label = '',\n    onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n    return (\n        <StyledToolTip\n            data-test={`${label}-advanced-config-button-tooltip`}\n            content={_('Advanced configurations')}\n        >\n            <StyledAdvancedConfigButton\n                data-test={`${label}-advanced-config-button`}\n                icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n                appearance=\"subtle\"\n                onClick={onClick}\n            />\n        </StyledToolTip>\n    );\n};\n\nconst AdvancedControlGroup = ({\n    'data-test': dataTest,\n    children,\n    isAdvanced = false,\n    label,\n    hideLabel,\n    labelPosition,\n    labelWidth,\n    tooltip,\n    help,\n    style,\n    error,\n    controlsLayout,\n    onClick,\n    onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n    <ControlGroupContainer\n        data-test={dataTest ?? 'control-group'}\n        label={label}\n        hideLabel={hideLabel}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        tooltip={tooltip}\n        help={help}\n        error={error}\n        style={style}\n        onClick={onClick}\n        controlsLayout={controlsLayout}\n    >\n        {isAdvanced\n            ? Children.toArray(children)\n                  .filter(Boolean)\n                  .map(child =>\n                      cloneElement(child as ReactElement, {\n                          style: { flex: 1 },\n                      })\n                  )\n            : children}\n        {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n    </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n    /**\n     * Style overriding SUI ControlGroup\n     */\n    style: T.object,\n    /**\n     * Whether the current editor is enabled with advanced configurations\n     */\n    isAdvanced: T.bool,\n    /**\n     * Callback for editor click\n     */\n    onClick: T.func,\n    /**\n     * Callback for advanced config button click\n     */\n    onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","import * as React from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Message from '@splunk/react-ui/Message';\nimport Link from '@splunk/react-ui/Link';\nimport MessageContext from '@splunk/visualization-context/MessageContext';\n\nexport type CSPMessageProps = { type: 'warning' | 'error' };\n\nexport const CSPMessage = ({ type }: CSPMessageProps) => {\n    const { cspMessageLink } = React.useContext(MessageContext) as Record<string, string>; // NOSONAR\n    return (\n        <Message appearance=\"fill\" type={type} data-test={`csp-message-${type}`}>\n            {_(\n                'External image URLs must now have their domains listed in the Dashboards Trusted Domains List by working with your administrator. Alternatively, you can upload the image directly into the dashboard. '\n            )}\n            {cspMessageLink && (\n                <Link to={cspMessageLink} openInNewContext>\n                    {_('Learn more')}\n                </Link>\n            )}\n        </Message>\n    );\n};\n","import styled from 'styled-components';\n\nexport const MessageContainer = styled.div`\n    margin-top: 10px;\n`;\n","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@splunk/react-icons/Cross\");","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Link\");","module.exports = require(\"@splunk/react-ui/Message\");","module.exports = require(\"@splunk/react-ui/Text\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualization-context/FeatureFlagContext\");","module.exports = require(\"@splunk/visualization-context/MessageContext\");","module.exports = require(\"lodash\");","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/visualization-context/ImageContext\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/react-ui/Image\");","import React, { Component } from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Message from '@splunk/react-ui/Message';\nimport Text from '@splunk/react-ui/Text';\nimport ImageFileReader from '@splunk/react-ui/Image';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport { memoize } from 'lodash';\nimport { CSPMessage } from '../shared/CSPMessage';\n\nconst EditorContainer = styled.div`\n    padding-bottom: 5px;\n    width: 100%;\n    text-align: center;\n`;\n\nconst textStyle = { marginBottom: 10 };\nconst imageFileReaderStyle = { width: '100%' };\nconst SharingWarning = styled.span`\n    font-size: smaller;\n    font-style: italic;\n`;\n\nexport const warningText = _(\n    'Note: Uploaded image files can be accessed and deleted by others in your organization'\n);\n\nexport const calculateAllowedImageFileTypes = memoize(\n    (mediaTypes, enableSVGImageUpload) => {\n        const allowedImageFileTypes = mediaTypes.slice();\n        if (enableSVGImageUpload) {\n            if (allowedImageFileTypes.indexOf('svg') === -1) {\n                allowedImageFileTypes.push('svg');\n            }\n        } else {\n            // if enableSVGImageUpload is set to false, then remove the svg upload capability\n            const index = allowedImageFileTypes.indexOf('svg');\n            if (index > -1) {\n                allowedImageFileTypes.splice(index, 1);\n            }\n        }\n        return allowedImageFileTypes;\n    },\n    (mediaTypes, enableSVGImageUpload) => `${enableSVGImageUpload}-${mediaTypes.join('-')}`\n);\n\nclass UploadImageEditor extends Component {\n    static contextType = FeatureFlagContext;\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            urlValue: '',\n            validUrl: true,\n            violationType: 'none',\n        };\n\n        // Reference to rendered SUI input clear button\n        this.inputRef = React.createRef();\n    }\n\n    componentDidMount() {\n        document.addEventListener('securitypolicyviolation', this.violationHandler);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('securitypolicyviolation', this.violationHandler);\n\n        if (this.inputRef.current) {\n            this.inputRef.current.removeEventListener('focusout', this.handleBlur);\n        }\n    }\n\n    violationHandler = e => {\n        if (\n            (e.blockedURI === this.state.urlValue || e.blockedURI === `${this.state.urlValue}/`) &&\n            e.disposition === 'enforce'\n        ) {\n            this.setState({\n                violationType: 'error',\n            });\n        } else if (\n            (e.blockedURI === this.state.urlValue || e.blockedURI === `${this.state.urlValue}/`) &&\n            e.disposition === 'report'\n        ) {\n            this.setState({\n                violationType: 'warning',\n            });\n        }\n    };\n\n    /**\n     * Executes and passes the url to the callback function, handleImageUpload(), if the image url is valid, else sets the boolean validURL to false\n     * @method checkImage\n     * @param {String} src\n     */\n    checkImage = src => {\n        if (!src) {\n            return;\n        }\n        const img = new Image();\n        img.onload = () => {\n            this.props.handleImageUpload({ src });\n        };\n        img.onerror = () => {\n            // Only set validUrl=false when there's a URL value in state\n            this.setState(state => (!state.urlValue ? undefined : { validUrl: false }));\n        };\n        img.src = src;\n    };\n\n    /**\n     * Callback to update text box value (url) on change\n     * @method handleURLChange\n     * @param {String} value\n     * @param {Object} e\n     */\n    handleURLChange = (e, { value }) => {\n        this.setState({\n            urlValue: value,\n            validUrl: true,\n            violationType: 'none',\n        });\n    };\n\n    /**\n     * Checks if text key down is 'enter' and calls checkImage() accordingly\n     * @method handleTextKeyDown\n     * @param {Object} e\n     */\n    handleTextKeyDown = e => {\n        if (e.key === 'Enter') {\n            e.preventDefault();\n            this.checkImage(this.state.urlValue);\n        }\n    };\n\n    handleBlur = event => {\n        // If the element taking focus from the input is in the input tree\n        // then it's probably the clear button\n        if (this.inputRef.current?.contains(event.relatedTarget)) {\n            return;\n        }\n\n        this.checkImage(this.state.urlValue);\n    };\n\n    // Custom ref/event listener for the Text input because SUI uses a blur event\n    // which doesn't bubble. By using focusout the event will bubble and the clear\n    // button can prevent checking for an image while it has focus but doesn't\n    // block the check if a user tabs through the button\n    trackInputRef = element => {\n        this.inputRef.current = element;\n        if (element) {\n            element.addEventListener('focusout', this.handleBlur);\n        }\n    };\n\n    /**\n     * Executes and passes the filename+dataURI to the callback function, handleImageUpload()\n     * @method handleOnImageChange\n     * @param {Object} {filename, dataURI}\n     */\n    handleOnImageChange = ({ filename, imageDataURI }) => {\n        if (filename && imageDataURI) {\n            this.props.handleImageUpload({ filename, imageDataURI });\n        } else {\n            this.props.handleImageUpload({ filename: null, imageDataURI: null });\n        }\n    };\n\n    render() {\n        const {\n            enableImageFileUpload,\n            enableSVGImageUpload,\n            enableSvgHttpDownloader,\n            enableGallerySharingWarning,\n        } = this.context || {};\n        const allowedImageFileTypes = calculateAllowedImageFileTypes(\n            this.props.validImageTypes,\n            enableSVGImageUpload\n        );\n\n        // 1. allowedImageFileTypes does not have svg, show URL Input Field\n        // 2. allowedImageFileTypes has svg and svg is rendered as dom (ChoroplethSvg), then if feature flag enableSvgHttpDownloader is true, show URL Input Field\n        // 3. allowedImageFileTypes has svg and svg is not rendered as dom but with <img> (Image Viz), show URL Input Field\n\n        const shouldShowURLField =\n            allowedImageFileTypes.indexOf('svg') < 0 ||\n            (this.props.svgRenderAsDom &&\n                allowedImageFileTypes.indexOf('svg') > -1 &&\n                enableSvgHttpDownloader) ||\n            (!this.props.svgRenderAsDom && allowedImageFileTypes.indexOf('svg') > -1);\n\n        const errorMessage =\n            this.state.violationType !== 'none' ? (\n                <CSPMessage type={this.state.violationType} />\n            ) : (\n                <Message appearance=\"fill\" type=\"error\">\n                    {_(\"We can't find an image with this URL. Please enter a new URL.\")}\n                </Message>\n            );\n        return (\n            <EditorContainer>\n                {shouldShowURLField && (\n                    <Text\n                        canClear\n                        value={this.state.urlValue}\n                        onChange={this.handleURLChange}\n                        onKeyDown={this.handleTextKeyDown}\n                        style={textStyle}\n                        elementRef={this.trackInputRef}\n                    />\n                )}\n                {this.state.validUrl\n                    ? enableImageFileUpload && (\n                          <React.Fragment>\n                              <ImageFileReader\n                                  style={imageFileReaderStyle}\n                                  defaultFilename={null}\n                                  defaultImageDataURI={null}\n                                  onImageChange={this.handleOnImageChange}\n                                  allowExtensions={allowedImageFileTypes}\n                              />\n                              {enableGallerySharingWarning && (\n                                  <SharingWarning data-test=\"gallery-sharing-warning\">\n                                      {warningText}\n                                  </SharingWarning>\n                              )}\n                          </React.Fragment>\n                      )\n                    : errorMessage}\n            </EditorContainer>\n        );\n    }\n}\n\nUploadImageEditor.propTypes = {\n    handleImageUpload: T.func,\n    validImageTypes: T.array,\n    svgRenderAsDom: T.bool,\n};\n\nUploadImageEditor.defaultProps = {\n    handleImageUpload: () => {},\n    validImageTypes: ['gif', 'jpeg', 'jpg', 'png', 'webp'],\n    svgRenderAsDom: false,\n};\n\nexport default UploadImageEditor;\n","import React from 'react';\nimport styled from 'styled-components';\nimport T from 'prop-types';\nimport { noop } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Cross from '@splunk/react-icons/Cross';\nimport Button from '@splunk/react-ui/Button';\nimport { variables, mixins } from '@splunk/themes';\nimport { useCSPViolationObserver } from '../hooks/useCSPViolationObserver';\nimport { CSPMessage } from '../shared/CSPMessage';\nimport { MessageContainer } from '../shared/MessageContainer';\n\nconst RemoveButtonIcon = <Cross />;\n\nconst ImageUrlReaderContainer = styled.div`\n    width: 100%;\n    padding-bottom: 5px;\n`;\n\nconst StyledImagePreview = styled.div`\n    border: 1px solid ${variables.borderColor};\n    position: relative;\n    min-height: 30px;\n    height: auto;\n`;\n\nconst StyledTitleContainer = styled.div`\n    background-color: ${variables.backgroundColorPage};\n    color: ${variables.contentColorDefault};\n    opacity: 0.9;\n    position: absolute;\n    width: 100%;\n    min-height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\n\nconst StyledTitle = styled.div`\n    margin-left: ${variables.spacingMedium};\n    overflow: hidden;\n    text-align: start;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nconst StyledRemoveButton = styled(Button).attrs({\n    'data-test': 'image-remove-button',\n})`\n    flex-grow: 0;\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.actionColorBackgroundSecondaryHover} !important;\n    }\n`;\n\nconst StyledImageThumbnail = styled.img`\n    ${mixins.reset('block')};\n    margin: 0 auto;\n    max-width: 100%;\n    max-height: 180px;\n`;\n\nconst ImageThumbnail = ({\n    filename = null,\n    imageDataURI = null,\n    onImageRemove = noop,\n    overrideCSPViolation,\n}) => {\n    const violationType = useCSPViolationObserver(imageDataURI, overrideCSPViolation);\n\n    return (\n        <ImageUrlReaderContainer>\n            <StyledImagePreview>\n                <StyledTitleContainer>\n                    <StyledTitle>{filename}</StyledTitle>\n                    <StyledRemoveButton\n                        aria-label={_('Remove image')}\n                        appearance=\"subtle\"\n                        icon={RemoveButtonIcon}\n                        onClick={onImageRemove}\n                    />\n                </StyledTitleContainer>\n                <StyledImageThumbnail alt={filename} src={imageDataURI} />\n            </StyledImagePreview>\n            {violationType !== 'none' && (\n                <MessageContainer>\n                    <CSPMessage type={violationType} />\n                </MessageContainer>\n            )}\n        </ImageUrlReaderContainer>\n    );\n};\n\nImageThumbnail.propTypes = {\n    filename: T.string,\n    imageDataURI: T.string,\n    onImageRemove: T.func,\n    overrideCSPViolation: T.string,\n};\n\nexport default ImageThumbnail;\n","import React, { useContext, useEffect, useCallback, useState } from 'react';\nimport T from 'prop-types';\nimport ImageContext from '@splunk/visualization-context/ImageContext';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport UploadImageEditor from '../components/UploadImageEditor';\nimport ImageThumbnail from '../components/ImageThumbnail';\n\nconst getImageData = async (registry, value) => {\n    if (registry?.isResourceURL(value)) {\n        return registry.getByURL(value);\n    }\n    return { dataURI: value, metaData: { name: value } };\n};\n\nconst ImageEditor = ({\n    onChange,\n    name,\n    value,\n    labelPosition = 'top',\n    labelWidth,\n    label,\n    validMediaTypes,\n    svgRenderAsDom,\n    overrideCSPViolation,\n}) => {\n    const imageRegistry = useContext(ImageContext);\n    const [dataUri, setDataUri] = useState(null);\n    const [fileName, setFileName] = useState(null);\n\n    const uploadImage = useCallback(\n        async (file, imageDataUri) => {\n            try {\n                const imageId = await imageRegistry.upload(\n                    imageDataUri,\n                    { name: file },\n                    null,\n                    validMediaTypes\n                );\n                onChange(null, name, imageId);\n            } catch (error) {\n                // eslint-disable-next-line no-console\n                console.warn(error);\n            }\n        },\n        [imageRegistry, validMediaTypes, onChange, name]\n    );\n\n    const handleUpload = useCallback(\n        ({ src, filename: file, imageDataURI }) => {\n            if (src) {\n                return onChange(null, name, src);\n            }\n\n            if (file !== null && imageDataURI !== null) {\n                return uploadImage(file, imageDataURI);\n            }\n\n            return onChange(null, name, null);\n        },\n        [uploadImage, onChange, name]\n    );\n\n    const handleRemove = useCallback(event => onChange(event, name, null), [onChange, name]);\n\n    useEffect(() => {\n        const populateData = async () => {\n            if (value) {\n                const obj = await getImageData(imageRegistry, value);\n\n                setDataUri(obj.dataURI);\n                setFileName(obj.metaData.name);\n            }\n        };\n\n        populateData();\n    }, [value, imageRegistry]);\n\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition} labelWidth={labelWidth}>\n            {value ? (\n                <ImageThumbnail\n                    filename={fileName}\n                    imageDataURI={dataUri}\n                    onImageRemove={handleRemove}\n                    overrideCSPViolation={overrideCSPViolation}\n                />\n            ) : (\n                <UploadImageEditor\n                    svgRenderAsDom={svgRenderAsDom}\n                    validImageTypes={validMediaTypes}\n                    handleImageUpload={handleUpload}\n                />\n            )}\n        </ControlGroup>\n    );\n};\n\nImageEditor.propTypes = {\n    /**\n     * Callback when changing the text value\n     *\n     * @param {SyntheticEvent} event The react `SyntheticEvent`\n     * @param {string} name The option name\n     * @param {string} value The option value\n     */\n    onChange: T.func.isRequired,\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n    /**\n     * A human readable label for the option\n     */\n    label: T.string.isRequired,\n    /**\n     * The option value\n     */\n    value: T.string,\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n    labelWidth: T.number,\n    /**\n     * The valid media type\n     */\n    validMediaTypes: T.array,\n    /**\n     * Boolean to indicate if svg render in domNode directly\n     */\n    svgRenderAsDom: T.bool,\n    /**\n     * Simulate CSP Violation\n     */\n    overrideCSPViolation: T.string,\n};\n\nexport default ImageEditor;\n"],"names":["useCSPViolationObserver","src","defaultValue","violation","setViolation","useState","useEffect","violationHandler","e","blockedURI","disposition","document","addEventListener","removeEventListener","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","label","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","labelPosition","labelWidth","tooltip","help","style","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","propTypes","T","object","bool","func","CSPMessage","type","cspMessageLink","React","useContext","to","openInNewContext","MessageContainer","div","module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","value","EditorContainer","styled","textStyle","marginBottom","imageFileReaderStyle","width","SharingWarning","warningText","calculateAllowedImageFileTypes","memoize","mediaTypes","enableSVGImageUpload","allowedImageFileTypes","slice","indexOf","push","index","splice","join","UploadImageEditor","Component","constructor","props","super","_defineProperty","this","state","urlValue","setState","violationType","img","Image","onload","handleImageUpload","onerror","validUrl","preventDefault","checkImage","event","_this$inputRef$curren","inputRef","current","contains","relatedTarget","element","handleBlur","filename","imageDataURI","componentDidMount","componentWillUnmount","render","enableImageFileUpload","enableSvgHttpDownloader","enableGallerySharingWarning","context","validImageTypes","shouldShowURLField","svgRenderAsDom","errorMessage","Message","Text","canClear","onChange","handleURLChange","onKeyDown","handleTextKeyDown","elementRef","trackInputRef","ImageFileReader","defaultFilename","defaultImageDataURI","onImageChange","handleOnImageChange","allowExtensions","FeatureFlagContext","defaultProps","RemoveButtonIcon","Cross","ImageUrlReaderContainer","StyledImagePreview","borderColor","StyledTitleContainer","backgroundColorPage","contentColorDefault","StyledTitle","StyledRemoveButton","Button","attrs","actionColorBackgroundSecondaryHover","StyledImageThumbnail","mixins","reset","ImageThumbnail","onImageRemove","noop","overrideCSPViolation","alt","ImageEditor","name","validMediaTypes","imageRegistry","ImageContext","dataUri","setDataUri","fileName","setFileName","uploadImage","useCallback","async","file","imageDataUri","imageId","upload","console","warn","handleUpload","handleRemove","registry","isResourceURL","getByURL","dataURI","metaData","getImageData","populateData","ControlGroup","isRequired"],"sourceRoot":""}