@splunk/dynamic-editors 0.42.1 → 0.43.0

package/editors/SliderEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/SliderEditor.tsx","webpack://@splunk/dynamic-editors/./src/hooks/useNumberInput.ts","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","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/Number\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Slider\"","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 \"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/startup"],"sourcesContent":["import * as React from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport Slider from '@splunk/react-ui/Slider';\nimport NumberInput from '@splunk/react-ui/Number';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\nimport { useNumberInput } from '../hooks/useNumberInput';\n\nconst numberStyle = { flexBasis: 92, flexGrow: 0, flexShrink: 0 };\n\nconst StyledSlider = styled(Slider)`\n    div:has(> [data-test='bar']) {\n        min-width: 0;\n    }\n`;\n\ninterface SliderEditorProps extends BaseEditorProps {\n    /** help text under controls */\n    help?: string;\n    /** max value for slider */\n    max?: number;\n    /** label for max value */\n    maxLabel?: React.ReactNode;\n    /** min value for slider */\n    min?: number;\n    /** label for min value */\n    minLabel?: React.ReactNode;\n    /** units to skip when moving slider */\n    step?: number;\n    /** display sections for drag bar */\n    stepMarks?: 'focus' | 'always' | 'none';\n    /** current value of field */\n    value: number;\n    /** default value of the option */\n    defaultValue?: number;\n}\n\nconst propTypes: Record<keyof SliderEditorProps, T.Validator<any>> = {\n    ...BaseEditorPropTypes,\n    help: T.string,\n    max: T.number,\n    maxLabel: T.oneOfType([T.element, T.string]),\n    min: T.number,\n    minLabel: T.oneOfType([T.element, T.string]),\n    step: T.number,\n    stepMarks: T.oneOf(['focus', 'always', 'none']),\n    value: T.number,\n    defaultValue: T.number,\n};\n\nexport const SliderEditor = ({\n    help,\n    isDisabled = false,\n    label,\n    labelPosition = 'top',\n    labelWidth,\n    max,\n    maxLabel = null,\n    min,\n    minLabel = null,\n    name,\n    onChange,\n    step,\n    stepMarks = 'focus',\n    value = null,\n    defaultValue,\n}: SliderEditorProps): JSX.Element => {\n    const handleSliderChange = React.useCallback(\n        (event, { value: v }) => {\n            // emit onChange if value is a number\n            if (parseFloat(v) || v === 0) {\n                onChange(event, name, v);\n            }\n        },\n        [onChange, name]\n    );\n    const handleNumberChange = React.useCallback(\n        (event, v) => {\n            // emit onChange if value is a number\n            if (parseFloat(v) || v === 0) {\n                onChange(event, name, v);\n            }\n        },\n        [onChange, name]\n    );\n\n    const { currentValue, handleChange, handleBlur, handleFocus, handleKeyPress } = useNumberInput({\n        value,\n        min,\n        max,\n        defaultValue,\n        onValueChange: handleNumberChange,\n    });\n\n    // if there is no value show input as blank by passing undefined\n    const displayValue = currentValue != null ? Number(currentValue) : undefined;\n\n    // stepMarks = 'none'is not valid for react-ui/Slider\n    const suiStepMarks = stepMarks === 'none' ? 'never' : stepMarks;\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition} labelWidth={labelWidth} help={help}>\n            <StyledSlider\n                data-test={name}\n                min={min}\n                minLabel={minLabel}\n                max={max}\n                maxLabel={maxLabel}\n                step={step}\n                stepMarks={suiStepMarks}\n                value={displayValue}\n                disabled={isDisabled}\n                onChange={handleSliderChange}\n            />\n            <NumberInput\n                inline\n                min={min}\n                max={max}\n                step={step}\n                onChange={handleChange}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyPress}\n                value={displayValue}\n                disabled={isDisabled}\n                style={numberStyle}\n            />\n        </ControlGroup>\n    );\n};\nSliderEditor.propTypes = propTypes;\n\nexport default SliderEditor;\n","import type React from 'react';\nimport { useCallback, useRef, useLayoutEffect, useState, useMemo } from 'react';\nimport {\n    type NumberBlurHandler,\n    type NumberChangeHandler,\n    type NumberFocusHandler,\n    type NumberPropsBase,\n} from '@splunk/react-ui/Number';\nimport { clamp, debounce, noop } from 'lodash';\n\nexport type OnValueChangeType = (e: Parameters<NumberChangeHandler>[0], newValue?: string | number) => void;\n\ninterface UseNumberInputArgs extends Pick<NumberPropsBase, 'value' | 'defaultValue' | 'min' | 'max'> {\n    onValueChange: OnValueChangeType;\n}\n\nexport const useNumberInput = ({\n    min = Number.NEGATIVE_INFINITY,\n    max = Number.POSITIVE_INFINITY,\n    value,\n    defaultValue,\n    onValueChange = noop,\n}: UseNumberInputArgs) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const isFocusedRef = useRef(false);\n\n    const commitValue = useCallback(\n        (e, newValue?: string | number) => {\n            if (newValue == null) {\n                // if we're clearing the input, revert local state back to default or old value\n                setCurrentValue(defaultValue ?? value);\n            }\n\n            onValueChange(e, newValue);\n        },\n        [defaultValue, onValueChange, value]\n    );\n\n    const handleChangeDebounced = useMemo(\n        () => debounce<NumberChangeHandler>((e, payload) => commitValue(e, payload.value), 250),\n        [commitValue]\n    );\n\n    useLayoutEffect(() => {\n        // layout effect prevents double-render during external change to derived state\n        setCurrentValue(value);\n    }, [value]);\n\n    const handleChange = useCallback<NumberChangeHandler>(\n        (e, payload) => {\n            setCurrentValue(payload.value);\n            if (isFocusedRef.current) {\n                // if focus is in the text box of the number input, don't commit the state yet\n                // this includes being focused inside the text box and using UP + DOWN arrow keys to increment/decrement. It will only\n                //   commit the value on blur or Enter key.\n                return;\n            }\n\n            // if the focus is outside, it's because the user is clicking the increment/decrement buttons directly\n            handleChangeDebounced(e, payload);\n        },\n        [handleChangeDebounced]\n    );\n\n    const handleBlur = useCallback<NumberBlurHandler>(\n        e => {\n            isFocusedRef.current = false;\n            if (value !== currentValue) {\n                commitValue(e, currentValue);\n            }\n        },\n        [currentValue, commitValue, value]\n    );\n\n    const handleFocus = useCallback<NumberFocusHandler>(() => {\n        isFocusedRef.current = true;\n    }, []);\n\n    const handleKeyPress = useCallback<React.KeyboardEventHandler<HTMLInputElement>>(\n        e => {\n            if (typeof e.key === 'string' && e.key.toLowerCase() === 'enter') {\n                const targetValue = (e.target as HTMLInputElement)?.value;\n                const eventValue = targetValue ? Number(targetValue) : undefined;\n\n                // the raw input value will not have min/max clamp applied from the SUINumber component\n                const clampedValue = typeof eventValue === 'number' ? clamp(eventValue, min, max) : undefined;\n\n                if (value !== clampedValue) {\n                    commitValue(e, clampedValue);\n                }\n            }\n            // if pressing the ESC key, revert value to the initial one before editing\n            if (typeof e.key === 'string' && e.key.toLowerCase() === 'escape') {\n                // This key doesn't work with Chrome 75\n                setCurrentValue(value);\n            }\n        },\n        [commitValue, value, min, max]\n    );\n\n    return {\n        handleChange,\n        handleBlur,\n        handleFocus,\n        handleKeyPress,\n        currentValue,\n    };\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","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/Number\");","module.exports = require(\"@splunk/react-ui/Slider\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","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","// 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__(148);\n"],"names":["numberStyle","flexBasis","flexGrow","flexShrink","StyledSlider","propTypes","BaseEditorPropTypes","help","T","string","max","number","maxLabel","oneOfType","element","min","minLabel","step","stepMarks","oneOf","value","defaultValue","SliderEditor","isDisabled","label","labelPosition","labelWidth","name","onChange","handleSliderChange","React","useCallback","event","v","parseFloat","handleNumberChange","currentValue","handleChange","handleBlur","handleFocus","handleKeyPress","useNumberInput","onValueChange","displayValue","Number","undefined","suiStepMarks","disabled","inline","onBlur","onFocus","onKeyDown","style","NEGATIVE_INFINITY","POSITIVE_INFINITY","noop","setCurrentValue","useState","isFocusedRef","useRef","commitValue","e","newValue","handleChangeDebounced","useMemo","debounce","payload","useLayoutEffect","current","key","toLowerCase","targetValue","target","eventValue","clampedValue","clamp","isRequired","object","arrayOf","context","func","isAdvanced","bool","dataSourceBindings","options","optionsSchema","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","hideLabel","tooltip","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","call"],"sourceRoot":""}
+{"version":3,"file":"SliderEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/SliderEditor.tsx","webpack://@splunk/dynamic-editors/./src/hooks/useNumberInput.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","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/Number\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Slider\"","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 \"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/startup"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport Slider from '@splunk/react-ui/Slider';\nimport NumberInput from '@splunk/react-ui/Number';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\nimport { useNumberInput } from '../hooks/useNumberInput';\n\nconst numberStyle = { flexBasis: 92, flexGrow: 0, flexShrink: 0 };\n\nconst StyledSlider = styled(Slider)`\n    div:has(> [data-test='bar']) {\n        min-width: 0;\n    }\n`;\n\ninterface SliderEditorProps extends BaseEditorProps {\n    /** help text under controls */\n    help?: string;\n    /** max value for slider */\n    max?: number;\n    /** label for max value */\n    maxLabel?: React.ReactNode;\n    /** min value for slider */\n    min?: number;\n    /** label for min value */\n    minLabel?: React.ReactNode;\n    /** units to skip when moving slider */\n    step?: number;\n    /** display sections for drag bar */\n    stepMarks?: 'focus' | 'always' | 'none';\n    /** current value of field */\n    value: number;\n    /** default value of the option */\n    defaultValue?: number;\n}\n\nexport const SliderEditor = ({\n    help,\n    isDisabled = false,\n    label,\n    labelPosition = 'top',\n    labelWidth,\n    max,\n    maxLabel = null,\n    min,\n    minLabel = null,\n    name,\n    onChange,\n    step,\n    stepMarks = 'focus',\n    value = null,\n    defaultValue,\n}: SliderEditorProps): JSX.Element => {\n    const handleSliderChange = React.useCallback(\n        (event, { value: v }) => {\n            // emit onChange if value is a number\n            if (parseFloat(v) || v === 0) {\n                onChange(event, name, v);\n            }\n        },\n        [onChange, name]\n    );\n    const handleNumberChange = React.useCallback(\n        (event, v) => {\n            // emit onChange if value is a number\n            if (parseFloat(v) || v === 0) {\n                onChange(event, name, v);\n            }\n        },\n        [onChange, name]\n    );\n\n    const { currentValue, handleChange, handleBlur, handleFocus, handleKeyPress } = useNumberInput({\n        value,\n        min,\n        max,\n        defaultValue,\n        onValueChange: handleNumberChange,\n    });\n\n    // if there is no value show input as blank by passing undefined\n    const displayValue = currentValue != null ? Number(currentValue) : undefined;\n\n    // stepMarks = 'none'is not valid for react-ui/Slider\n    const suiStepMarks = stepMarks === 'none' ? 'never' : stepMarks;\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition} labelWidth={labelWidth} help={help}>\n            <StyledSlider\n                data-test={name}\n                min={min}\n                minLabel={minLabel}\n                max={max}\n                maxLabel={maxLabel}\n                step={step}\n                stepMarks={suiStepMarks}\n                value={displayValue}\n                disabled={isDisabled}\n                onChange={handleSliderChange}\n            />\n            <NumberInput\n                inline\n                min={min}\n                max={max}\n                step={step}\n                onChange={handleChange}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyPress}\n                value={displayValue}\n                disabled={isDisabled}\n                style={numberStyle}\n            />\n        </ControlGroup>\n    );\n};\n\nexport default SliderEditor;\n","import type React from 'react';\nimport { useCallback, useRef, useLayoutEffect, useState, useMemo } from 'react';\nimport {\n    type NumberBlurHandler,\n    type NumberChangeHandler,\n    type NumberFocusHandler,\n    type NumberPropsBase,\n} from '@splunk/react-ui/Number';\nimport { clamp, debounce, noop } from 'lodash';\n\nexport type OnValueChangeType = (e: Parameters<NumberChangeHandler>[0], newValue?: string | number) => void;\n\ninterface UseNumberInputArgs extends Pick<NumberPropsBase, 'value' | 'defaultValue' | 'min' | 'max'> {\n    onValueChange: OnValueChangeType;\n}\n\nexport const useNumberInput = ({\n    min = Number.NEGATIVE_INFINITY,\n    max = Number.POSITIVE_INFINITY,\n    value,\n    defaultValue,\n    onValueChange = noop,\n}: UseNumberInputArgs) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const isFocusedRef = useRef(false);\n\n    const commitValue = useCallback(\n        (e, newValue?: string | number) => {\n            if (newValue == null) {\n                // if we're clearing the input, revert local state back to default or old value\n                setCurrentValue(defaultValue ?? value);\n            }\n\n            onValueChange(e, newValue);\n        },\n        [defaultValue, onValueChange, value]\n    );\n\n    const handleChangeDebounced = useMemo(\n        () => debounce<NumberChangeHandler>((e, payload) => commitValue(e, payload.value), 250),\n        [commitValue]\n    );\n\n    useLayoutEffect(() => {\n        // layout effect prevents double-render during external change to derived state\n        setCurrentValue(value);\n    }, [value]);\n\n    const handleChange = useCallback<NumberChangeHandler>(\n        (e, payload) => {\n            setCurrentValue(payload.value);\n            if (isFocusedRef.current) {\n                // if focus is in the text box of the number input, don't commit the state yet\n                // this includes being focused inside the text box and using UP + DOWN arrow keys to increment/decrement. It will only\n                //   commit the value on blur or Enter key.\n                return;\n            }\n\n            // if the focus is outside, it's because the user is clicking the increment/decrement buttons directly\n            handleChangeDebounced(e, payload);\n        },\n        [handleChangeDebounced]\n    );\n\n    const handleBlur = useCallback<NumberBlurHandler>(\n        e => {\n            isFocusedRef.current = false;\n            if (value !== currentValue) {\n                commitValue(e, currentValue);\n            }\n        },\n        [currentValue, commitValue, value]\n    );\n\n    const handleFocus = useCallback<NumberFocusHandler>(() => {\n        isFocusedRef.current = true;\n    }, []);\n\n    const handleKeyPress = useCallback<React.KeyboardEventHandler<HTMLInputElement>>(\n        e => {\n            if (typeof e.key === 'string' && e.key.toLowerCase() === 'enter') {\n                const targetValue = (e.target as HTMLInputElement)?.value;\n                const eventValue = targetValue ? Number(targetValue) : undefined;\n\n                // the raw input value will not have min/max clamp applied from the SUINumber component\n                const clampedValue = typeof eventValue === 'number' ? clamp(eventValue, min, max) : undefined;\n\n                if (value !== clampedValue) {\n                    commitValue(e, clampedValue);\n                }\n            }\n            // if pressing the ESC key, revert value to the initial one before editing\n            if (typeof e.key === 'string' && e.key.toLowerCase() === 'escape') {\n                // This key doesn't work with Chrome 75\n                setCurrentValue(value);\n            }\n        },\n        [commitValue, value, min, max]\n    );\n\n    return {\n        handleChange,\n        handleBlur,\n        handleFocus,\n        handleKeyPress,\n        currentValue,\n    };\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 type { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport Button 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","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/Number\");","module.exports = require(\"@splunk/react-ui/Slider\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","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","// 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__(148);\n"],"names":["numberStyle","flexBasis","flexGrow","flexShrink","StyledSlider","SliderEditor","help","isDisabled","label","labelPosition","labelWidth","max","maxLabel","min","minLabel","name","onChange","step","stepMarks","value","defaultValue","handleSliderChange","React","useCallback","event","v","parseFloat","handleNumberChange","currentValue","handleChange","handleBlur","handleFocus","handleKeyPress","useNumberInput","onValueChange","displayValue","Number","undefined","suiStepMarks","disabled","inline","onBlur","onFocus","onKeyDown","style","NEGATIVE_INFINITY","POSITIVE_INFINITY","noop","setCurrentValue","useState","isFocusedRef","useRef","commitValue","e","newValue","handleChangeDebounced","useMemo","debounce","payload","useLayoutEffect","current","key","toLowerCase","targetValue","target","eventValue","clampedValue","clamp","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","tooltip","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","propTypes","T","object","bool","func","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","call"],"sourceRoot":""}

package/editors/StaticItemEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticItemEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/objectWithoutProperties\"","webpack://@splunk/dynamic-editors/./src/editors/TextEditor.jsx","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.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/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/FormRows\"","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 \"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/./src/editors/StaticItemEditor.jsx"],"sourcesContent":["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, { 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","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","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/ControlGroup\");","module.exports = require(\"@splunk/react-ui/FormRows\");","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(\"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};","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"],"names":["require","defaultLabelStyle","TextEditor","_ref","onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error","otherProps","_objectWithoutProperties","_excluded","val","setValueState","useState","handleValidate","useCallback","newValue","errorState","setErrorState","debouncedHandleValidate","useMemo","debounce","newVal","useEffect","cancel","handleChange","_event","v","handleBlur","event","trim","newError","handleKeyPress","key","style","_objectSpread","React","ControlGroup","message","Text","_extends","editorStyle","onKeyDown","onBlur","disabled","canClear","propTypes","T","isRequired","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","object","bool","func","width","module","exports","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","n","getter","__esModule","d","a","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","RowContainer","styled","formRowHeader","removeItem","items","index","_item","idx","isItemError","i","length","isLabelError","isValueError","InputContainer","defaultValue","StaticItemEditor","staticItems","setItems","nextIndex","setIndex","newItems","isEqual","some","uniqBy","item","handleRequestRemove","_evt","handleRequestMove","fromIndex","toIndex","splice","handleItemChange","_name","handleRequestAdd","concat","rows","l","FormRows","onRequestRemove","addLabel","header","onRequestAdd","onRequestMove"],"sourceRoot":""}
+{"version":3,"file":"StaticItemEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/objectWithoutProperties\"","webpack://@splunk/dynamic-editors/./src/editors/TextEditor.jsx","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.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/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/FormRows\"","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 \"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/./src/editors/StaticItemEditor.jsx"],"sourcesContent":["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, { 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 type { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport Button 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","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","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/ControlGroup\");","module.exports = require(\"@splunk/react-ui/FormRows\");","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(\"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};","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"],"names":["require","defaultLabelStyle","TextEditor","_ref","onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error","otherProps","_objectWithoutProperties","_excluded","val","setValueState","useState","handleValidate","useCallback","newValue","errorState","setErrorState","debouncedHandleValidate","useMemo","debounce","newVal","useEffect","cancel","handleChange","_event","v","handleBlur","event","trim","newError","handleKeyPress","key","style","_objectSpread","React","ControlGroup","message","Text","_extends","editorStyle","onKeyDown","onBlur","disabled","canClear","propTypes","T","isRequired","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","object","bool","func","width","module","exports","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","n","getter","__esModule","d","a","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","RowContainer","styled","formRowHeader","removeItem","items","index","_item","idx","isItemError","i","length","isLabelError","isValueError","InputContainer","defaultValue","StaticItemEditor","staticItems","setItems","nextIndex","setIndex","newItems","isEqual","some","uniqBy","item","handleRequestRemove","_evt","handleRequestMove","fromIndex","toIndex","splice","handleItemChange","_name","handleRequestAdd","concat","rows","l","FormRows","onRequestRemove","addLabel","header","onRequestAdd","onRequestMove"],"sourceRoot":""}