@splunk/dynamic-editors 0.42.2 → 0.43.0

package/editors/SeriesColorsEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeriesColorsEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ScreenReaderContent\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/colorConstants\"","webpack://@splunk/dynamic-editors/./src/editors/ColorEditor.jsx","webpack://@splunk/dynamic-editors/./src/editors/MultiColorPickerEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/SeriesColorsEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/formatters/ColorPreview.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/PreviewWrapper.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","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/Color\"","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/Dropdown\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/FormRows\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Menu\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Popover\"","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/themes/variables\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/id\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-color-palettes\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/colorUtils\"","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":["const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/react-ui/ScreenReaderContent\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/visualizations-shared/colorConstants\");","import React, { useEffect, useCallback, useState, useMemo } from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { debounce, noop, toLower } from 'lodash';\nimport { variables } from '@splunk/themes';\nimport Color from '@splunk/react-ui/Color';\nimport Text from '@splunk/react-ui/Text';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport { COLOR_EDITOR_PALETTE } from '@splunk/visualizations-shared/colorConstants';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\nconst TextContainer = styled.div`\n    max-height: ${variables.inputHeight};\n    width: 100%;\n    min-width: 0;\n`;\n\n// hardcoded style to sync with SUI color picker's hardcoded dimensions\n// TODO(fkurniawan): see if we can leverage prisma's consolidated textInput out of the box instead of our own component\n// right now, we're using hideInput\nconst StyledText = styled(Text)`\n    max-height: ${variables.inputHeight};\n`;\n\n/**\n * Trims the color input and returns the result, or default color if the default color is valid, or previous color\n * @param {String} color The color the user entered\n * @param {String} defaultColor The default color of the component\n * @param {String} prevColor The previous color of the component\n * @returns {String}\n */\nconst getColor = ({ color, defaultColor, prevColor }) => {\n    const newColor = typeof color === 'string' ? color.trim() : color;\n\n    // color === null is `N/A` in color picker\n    if (isColor(newColor) || newColor === null) {\n        return newColor;\n    }\n\n    if (isColor(defaultColor)) {\n        return defaultColor;\n    }\n\n    if (isColor(prevColor) || prevColor === null) {\n        return prevColor;\n    }\n\n    return 'transparent';\n};\n\nconst ColorAndTextWrapper = ({\n    id,\n    showTextInput,\n    color,\n    palette,\n    handleColorChange,\n    labelledBy,\n    textWidth,\n    value,\n    name,\n    handleTextColorChange,\n    handleKeyPress,\n    handleBlur,\n    isDisabled,\n}) => {\n    const textLabelId = useMemo(() => createDOMID('color-code'), []);\n\n    return (\n        <>\n            <div>\n                <Color\n                    key=\"color-editor\"\n                    append={showTextInput}\n                    value={getColor({ color })}\n                    palette={palette}\n                    onChange={handleColorChange}\n                    data-test={`color-picker-${name}`}\n                    disabled={isDisabled}\n                    hideInput\n                    labelledBy={labelledBy}\n                />\n            </div>\n            {showTextInput && (\n                <TextContainer data-test=\"text-container\" textWidth={textWidth}>\n                    <ScreenReaderContent id={textLabelId}>{_('Color code input')}</ScreenReaderContent>\n                    <StyledText\n                        key={value}\n                        data-test={name}\n                        prepend\n                        value={color === null ? 'N/A' : color}\n                        onChange={handleTextColorChange}\n                        onKeyDown={handleKeyPress}\n                        onBlur={handleBlur}\n                        disabled={isDisabled}\n                        // hardcoded style to sync with SUI color picker's hardcoded dimensions\n                        // TODO(fkurniawan): see if we can leverage prisma's consolidated textInput out of the box\n                        style={{ height: '32px' }}\n                        labelledBy={`${labelledBy} ${textLabelId}`}\n                        inputId={id}\n                    />\n                </TextContainer>\n            )}\n        </>\n    );\n};\n\nColorAndTextWrapper.propTypes = {\n    id: T.string,\n    showTextInput: T.bool,\n    color: T.string,\n    palette: T.arrayOf(T.string),\n    handleColorChange: T.func,\n    labelledBy: T.string,\n    textWidth: T.oneOfType([T.string, T.number]),\n    value: T.string,\n    name: T.string.isRequired,\n    handleTextColorChange: T.func,\n    handleKeyPress: T.func,\n    handleBlur: T.func,\n    isDisabled: T.bool,\n};\n\nconst defaultItemSchema = { default: 'transparent' };\nconst emptyStyle = {};\n\n// The propTypes typing for TS callers isn't working for the onChange callback\n/**\n * @param {Object} props\n * @param {(e: import('react').SyntheticEvent, name: string, value: string) => void} [props.onChange]\n * @returns\n */\nconst ColorEditor = ({\n    name = 'color',\n    value = 'transparent',\n    label = '',\n    labelPosition = 'top',\n    labelWidth,\n    palette = COLOR_EDITOR_PALETTE,\n    onChange = noop,\n    itemSchema = defaultItemSchema,\n    isDisabled = false,\n    textWidth = 'auto',\n    hideLabel = false,\n    showTextInput = true,\n    style: customEditorStyle = emptyStyle,\n}) => {\n    const [color, setColor] = useState(value);\n\n    useEffect(() => {\n        setColor(value);\n    }, [value]);\n\n    const debouncedOnChange = useMemo(() => debounce(onChange, 250), [onChange]);\n\n    const handleColorChange = useCallback(\n        ({ value: val }) => {\n            const newColor = getColor({ color: val, defaultColor: itemSchema.default, prevColor: value });\n            setColor(newColor);\n            if (value !== newColor) {\n                // No event to pass back, so it is null\n                debouncedOnChange(null, name, newColor);\n            }\n        },\n        [debouncedOnChange, itemSchema.default, name, value]\n    );\n\n    const handleTextColorChange = useCallback((_event, { value: val }) => {\n        const colorToValue = toLower(val).trim() === 'n/a' ? null : val;\n        setColor(colorToValue);\n    }, []);\n\n    const handleKeyPress = useCallback(\n        event => {\n            if (event.key === 'Escape') {\n                setColor(value);\n                return;\n            }\n            if (event.key !== 'Enter') {\n                return;\n            }\n\n            if (value !== color) {\n                const newColor = getColor({ color, defaultColor: itemSchema.default, prevColor: value });\n                setColor(newColor);\n                if (newColor !== value) {\n                    onChange(event, name, newColor);\n                }\n            }\n        },\n        [name, color, value, onChange, itemSchema.default]\n    );\n\n    const handleBlur = useCallback(\n        event => {\n            if (color !== value) {\n                const newColor = getColor({ color, defaultColor: itemSchema.default, prevColor: value });\n                setColor(newColor);\n                if (newColor !== value) {\n                    onChange(event, name, newColor);\n                }\n            }\n        },\n        [name, color, value, onChange, itemSchema.default]\n    );\n\n    return (\n        <ControlGroup\n            label={label}\n            labelPosition={labelPosition}\n            labelWidth={labelWidth}\n            style={customEditorStyle}\n            hideLabel={hideLabel}\n            controlsLayout=\"fillJoin\"\n        >\n            <ColorAndTextWrapper\n                showTextInput={showTextInput}\n                color={color}\n                palette={palette}\n                handleColorChange={handleColorChange}\n                name={name}\n                isDisabled={isDisabled}\n                textWidth={textWidth}\n                value={value}\n                handleTextColorChange={handleTextColorChange}\n                handleKeyPress={handleKeyPress}\n                handleBlur={handleBlur}\n            />\n        </ControlGroup>\n    );\n};\n\nColorEditor.propTypes = {\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n\n    /**\n     * The option value\n     */\n    value: T.string,\n\n    /**\n     * @param {Object} itemSchema Either the dataContract or schema for the selected item\n     */\n    itemSchema: T.object,\n\n    /**\n     * A human readable label for the option\n     */\n    label: T.string.isRequired,\n\n    /**\n     * Flag to hide the editor label\n     */\n    hideLabel: T.bool,\n\n    /**\n     * Flag to hide the color text input\n     */\n    showTextInput: T.bool,\n\n    /**\n     * Custom styling for the editor layout, eg: setting margin-bottom to 0px for ControlGroup, SUI has it at 15px\n     */\n    style: T.object,\n\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n\n    /**\n     * Label position\n     */\n    labelWidth: T.number,\n\n    /**\n     * An array of color swatch values\n     */\n    palette: T.arrayOf(T.string),\n\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     * Disabled state of component\n     */\n    isDisabled: T.bool,\n    textWidth: T.oneOfType([T.string, T.number]),\n};\n\nexport default ColorEditor;\n","import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { noop } from 'lodash';\nimport variables from '@splunk/themes/variables';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport FormRows from '@splunk/react-ui/FormRows';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport Button from '@splunk/react-ui/Button';\nimport type { PopoverRequestCloseHandler } from '@splunk/react-ui/Popover';\nimport Popover from '@splunk/react-ui/Popover';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport ColorEditor from './ColorEditor';\n\nconst popoverStyle = { padding: '10px' };\nconst colorButtonStyle = { width: '314px' };\n\nconst StyledButton = styled(Button)`\n    padding: 8px;\n    width: 100%;\n    min-height: 40px;\n    & > span {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, 26px);\n        justify-content: space-evenly;\n        grid-gap: 4px;\n    }\n    background-color: ${variables.interactiveColorBackground};\n`;\n\nconst ColorChip = styled.div`\n    width: 26px;\n    height: 24px;\n    background-color: ${(props): string => props.color};\n    border-radius: 2px;\n    border: 1px solid ${variables.neutral100};\n`;\n\nconst StyledFlyoutContent = styled.div`\n    box-sizing: border-box;\n    padding: 8px;\n    width: 312px;\n    max-height: 484px;\n    background-color: ${variables.backgroundColorPopup};\n`;\n\nconst FlyoutHeader = styled.div`\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 20px;\n    padding: 8px 8px 0 8px;\n    font-family: ${variables.fontFamily};\n    color: ${variables.contentColorActive};\n`;\n\nconst ColorListEditor = styled.div`\n    height: 412px;\n    overflow-y: auto;\n    padding: 8px 10px;\n`;\n\nexport interface ColorFlyoutEditorProps {\n    colors: string[];\n    handleColorRemove: (_e, { index }: { index: number }) => void;\n    handleColorChange: (idx: number) => (_evt, name: string, value: string) => void;\n    CustomColorMatchEditor?: (props: { index: number }) => React.ReactNode;\n    flyoutTitle: string;\n    addColorButtonLabel: string;\n    handleColorAdd: () => void;\n    handleColorMove: (data: { fromIndex: number; toIndex: number }) => void;\n}\n\nexport const ColorFlyoutEditor = ({\n    colors,\n    CustomColorMatchEditor,\n    handleColorRemove,\n    handleColorChange,\n    flyoutTitle,\n    addColorButtonLabel,\n    handleColorAdd,\n    handleColorMove,\n}: ColorFlyoutEditorProps) => {\n    const ColorRowItems = useMemo(() => {\n        return colors.map((color, idx) => {\n            // disable the color editor's text input when a custom input editor is available to render adjacently\n            const showTextInput = CustomColorMatchEditor == null;\n            return (\n                <FormRows.Row\n                    index={idx}\n                    key={createDOMID()}\n                    data-color={color}\n                    onRequestRemove={handleColorRemove}\n                >\n                    <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n                        <ColorEditor\n                            value={color}\n                            key={createDOMID()}\n                            onChange={handleColorChange(idx)}\n                            hideLabel\n                            label=\" \"\n                            name=\"color\"\n                            style={{ marginBottom: 0, marginTop: 0, width: showTextInput ? '100%' : 32 }}\n                            showTextInput={showTextInput}\n                        />\n                        {typeof CustomColorMatchEditor === 'function' && (\n                            <CustomColorMatchEditor index={idx} />\n                        )}\n                    </div>\n                </FormRows.Row>\n            );\n        });\n    }, [colors, CustomColorMatchEditor, handleColorRemove, handleColorChange]);\n\n    return (\n        <StyledFlyoutContent data-test=\"MultiColorPickerFlyoutContent\">\n            <FlyoutHeader data-test=\"MultiColorPickerFlyoutTitle\">{flyoutTitle}</FlyoutHeader>\n            <ColorListEditor>\n                <FormRows\n                    addLabel={addColorButtonLabel}\n                    onRequestAdd={handleColorAdd}\n                    onRequestMove={handleColorMove}\n                    data-test=\"ColorListEditor\"\n                >\n                    {ColorRowItems}\n                </FormRows>\n            </ColorListEditor>\n        </StyledFlyoutContent>\n    );\n};\n\nexport interface MultiColorPickerEditorProps extends BaseEditorProps {\n    CustomColorMatchEditor?: (props: { index: number }) => React.ReactNode;\n    canReorderColors?: boolean;\n    value: string[];\n    flyoutTitle?: string;\n    addColorButtonLabel?: string;\n    hideLabel?: boolean;\n    canAddNewColors?: boolean;\n}\n\nconst MultiColorPickerEditor: React.FunctionComponent<MultiColorPickerEditorProps> = ({\n    CustomColorMatchEditor,\n    onChange = noop,\n    canReorderColors = true,\n    value: vizColors = VIZ_CATEGORICAL,\n    flyoutTitle = _('Customize colors'),\n    addColorButtonLabel = _('Add color'),\n    name = 'seriesColors',\n    label = '',\n    labelPosition = 'top',\n    labelWidth,\n    isDisabled = false,\n    hideLabel = true,\n    canAddNewColors = true,\n}) => {\n    const [showFlyout, setShowFlyout] = useState(false);\n    const [colors, setColors] = useState(vizColors);\n    const buttonRef = useRef(null);\n\n    useEffect(() => {\n        setColors(vizColors);\n    }, [vizColors]);\n\n    // callbacks to add, remove, update and reorder a color form row\n    const handleColorAdd = useCallback(() => {\n        const userColorsSet = new Set(colors);\n        let nextColor = VIZ_CATEGORICAL.find(color => !userColorsSet.has(color));\n        if (!nextColor) {\n            // All picked, count appearances\n            const countMap = new Map<string, number>();\n            VIZ_CATEGORICAL.forEach(color => countMap.set(color, 0));\n            colors.forEach(color => {\n                countMap.set(color, (countMap.get(color) || 0) + 1);\n            });\n            // Find color with minimum appearances\n            let minCount = Infinity;\n            VIZ_CATEGORICAL.forEach(color => {\n                const count = countMap.get(color) || 0;\n                if (count < minCount) {\n                    minCount = count;\n                    nextColor = color;\n                }\n            });\n        }\n        onChange(null, name, [...colors, nextColor]);\n    }, [name, onChange, colors]);\n\n    const handleColorChange = useCallback(\n        idx => (_evt, _name, value) => {\n            const colorsCopy = [...colors];\n            colorsCopy.splice(idx, 1, value);\n            onChange(null, name, colorsCopy);\n        },\n        [name, onChange, colors]\n    );\n\n    const handleColorRemove = useCallback(\n        (e, { index }) => {\n            const colorsCopy = [...colors];\n            colorsCopy.splice(index, 1);\n            onChange(null, name, colorsCopy);\n        },\n        [name, onChange, colors]\n    );\n\n    const handleColorMove = useCallback(\n        ({ fromIndex, toIndex }) => {\n            const colorsCopy = [...colors];\n            const movedColor = colorsCopy[fromIndex];\n            colorsCopy.splice(fromIndex, 1); // first, delete the color at the original position\n            colorsCopy.splice(toIndex, 0, movedColor); // then reinsert it at the new position\n            onChange(null, name, colorsCopy);\n        },\n        [name, onChange, colors]\n    );\n\n    /**\n     * custom logic is required for closing the flyout as the FormRows component is rendered inside a Popover, and\n     * when we sort the form rows, the popover closes mid-sorting (closeReason=\"clickAway\") as the dragged element is\n     * taken out of the flow. Current workaround is to check if the event's source element has a sortable handle,\n     * if yes, the flyout is kept open.\n     *\n     * Additionally, focus is returned to the trigger button when exiting through escape key press\n     */\n    const handleFlyoutClose: PopoverRequestCloseHandler = useCallback(({ event, reason }) => {\n        // @ts-ignore\n        if (!event?.srcElement?.sortableHandle) {\n            setShowFlyout(false);\n        }\n        if (reason === 'escapeKey') {\n            buttonRef.current.focus();\n        }\n    }, []);\n\n    const ColorChips = useMemo(\n        () => colors.map(color => <ColorChip color={color} key={createDOMID()} />),\n        [colors]\n    );\n\n    const toggleShowFlyout = useCallback(() => {\n        setShowFlyout(isShown => !isShown);\n    }, []);\n\n    return (\n        <ControlGroup\n            label={label}\n            labelPosition={labelPosition}\n            labelWidth={labelWidth}\n            hideLabel={hideLabel}\n            data-test=\"MultiColorPickerEditor\"\n        >\n            <StyledButton\n                inline={false}\n                data-test=\"MultiColorPickerButton\"\n                appearance=\"default\"\n                ref={buttonRef}\n                onClick={toggleShowFlyout}\n                disabled={isDisabled}\n                style={colorButtonStyle}\n            >\n                {ColorChips}\n            </StyledButton>\n            <Popover\n                data-test=\"MultiColorPickerFlyout\"\n                open={showFlyout}\n                anchor={buttonRef.current}\n                defaultPlacement=\"horizontal\"\n                style={popoverStyle}\n                onRequestClose={handleFlyoutClose}\n                takeFocus\n            >\n                <ColorFlyoutEditor\n                    colors={colors}\n                    CustomColorMatchEditor={CustomColorMatchEditor}\n                    handleColorRemove={handleColorRemove}\n                    handleColorChange={handleColorChange}\n                    handleColorAdd={canAddNewColors ? handleColorAdd : undefined}\n                    handleColorMove={canReorderColors ? handleColorMove : undefined}\n                    flyoutTitle={flyoutTitle}\n                    addColorButtonLabel={addColorButtonLabel}\n                />\n            </Popover>\n        </ControlGroup>\n    );\n};\n\nMultiColorPickerEditor.propTypes = {\n    ...BaseEditorPropTypes,\n    /**\n     * Colors can be reordered manually\n     */\n    canReorderColors: T.bool,\n    /**\n     * Can add a new color\n     */\n    canAddNewColors: T.bool,\n    /**\n     * List of colors\n     */\n    value: T.arrayOf(T.string),\n    /**\n     * Title of the flyout editor\n     */\n    flyoutTitle: T.string,\n    /**\n     * Button label for adding a new color row\n     */\n    addColorButtonLabel: T.string,\n    /**\n     * Custom input editor for mapping a value to color, eg: dropdown for field -> color\n     */\n    CustomColorMatchEditor: T.func,\n    /**\n     * Flag to hide the editor label\n     */\n    hideLabel: T.bool,\n};\n\nexport default MultiColorPickerEditor;\n","import React, { useState, useCallback, useMemo } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { isEqual } from 'lodash';\nimport Button from '@splunk/react-ui/Button';\nimport ColumnLayout from '@splunk/react-ui/ColumnLayout';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport MultiColorPickerEditor from './MultiColorPickerEditor';\nimport { ColorPreview } from './formatters/ColorPreview';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport PreviewWrapper from '../shared/PreviewWrapper';\nimport { VERTICAL_EDITOR_SPACING, DROPDOWN_MENU_WIDTH } from '../shared/dimensionConstants';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\n\nconst MAX_PREVIEW_COLOR_COUNT = 8;\n\n// to add more warm/cold... palettes\nexport type PaletteType = 'default' | 'custom';\n\nexport interface PaletteDefinition<P extends PaletteType = PaletteType> {\n    id: P;\n    name: string;\n    palette: string[];\n}\n\ntype Palettes = {\n    [P in PaletteType]: PaletteDefinition<P>;\n};\n\nexport const PALETTES = {\n    default: { id: 'default', name: _('Default'), palette: VIZ_CATEGORICAL },\n    custom: { id: 'custom', name: _('Custom'), palette: [] },\n} satisfies Palettes;\n\nconst NameWrapper = styled.div`\n    width: 120px;\n    margin-right: 20px;\n    display: flex;\n`;\n\nconst PaletteWrapper = styled(PreviewWrapper)`\n    display: flex;\n    align-items: center;\n`;\n\nconst ColorPreviewWrapper = styled.div`\n    flex: 1 0 1px;\n    height: 100%;\n`;\n\nconst SeriesColorsEditor = ({ label, value, name, onChange }: BaseEditorProps) => {\n    const overrideCustomPalette = useMemo(() => !!value?.length && !isEqual(value, VIZ_CATEGORICAL), [value]);\n\n    // use `value` to override the custom palette if value is not empty\n    const originalPalettes = useMemo(() => {\n        if (overrideCustomPalette) {\n            return {\n                ...PALETTES,\n                custom: { ...PALETTES.custom, palette: value },\n            };\n        }\n        return PALETTES;\n    }, [overrideCustomPalette, value]);\n\n    // selected palette ID\n    const [selectedPalette, setSelectedPalette] = useState<PaletteType>(\n        overrideCustomPalette ? 'custom' : 'default'\n    );\n    // current palettes on update\n    const [palettes, setPalettes] = useState(originalPalettes);\n\n    const handleMenuSelect = useCallback(\n        (paletteId: PaletteType) => {\n            setSelectedPalette(paletteId);\n            onChange(null, name, palettes[paletteId].palette);\n        },\n        [name, onChange, palettes]\n    );\n\n    const handleColorChange = useCallback(\n        (_evt, _name, newColors) => {\n            if (newColors.length) {\n                // override the previous custom palette\n                setPalettes(prev => ({\n                    ...prev,\n                    custom: { ...PALETTES.custom, palette: newColors },\n                }));\n                setSelectedPalette('custom');\n                onChange(null, name, newColors);\n            } else {\n                // set the colors to `Default` if MultiColorPicker returns empty array\n                setPalettes(prev => ({\n                    ...prev,\n                    custom: PALETTES.custom,\n                }));\n                setSelectedPalette('default');\n                onChange(null, name, PALETTES.default.palette);\n            }\n        },\n        [name, onChange]\n    );\n\n    const toggle = (\n        <Button\n            appearance=\"default\"\n            data-test=\"palette-dropdown-button\"\n            label={palettes[selectedPalette].name}\n            isMenu\n        />\n    );\n\n    const renderMenuItem = (paletteConfig: PaletteDefinition) => {\n        const { id, palette, name: paletteName } = paletteConfig;\n        return (\n            <Menu.Item\n                key={`SeriesColorsDropdownMenuItem-${id}`}\n                data-test={`palette-dropdown-menu-${id}`}\n                selectable\n                selected={selectedPalette === id}\n                onClick={() => handleMenuSelect(id)}\n            >\n                <PaletteWrapper>\n                    <NameWrapper>{paletteName}</NameWrapper>\n                    <ColorPreviewWrapper>\n                        <ColorPreview\n                            colors={palette.slice(0, MAX_PREVIEW_COLOR_COUNT)}\n                            maxColorCount={MAX_PREVIEW_COLOR_COUNT}\n                            expandToFillHorizontalSpace={false}\n                        />\n                    </ColorPreviewWrapper>\n                </PaletteWrapper>\n            </Menu.Item>\n        );\n    };\n\n    const isCustomPaletteAvailable = palettes.custom.palette.length > 0;\n\n    return (\n        <ColumnLayout gutter={VERTICAL_EDITOR_SPACING}>\n            <ColumnLayout.Row>\n                <ControlGroup\n                    label={label || _('Series colors')}\n                    labelPosition=\"top\"\n                    data-test=\"series-colors-editor\"\n                >\n                    <Dropdown toggle={toggle}>\n                        <Menu style={{ width: DROPDOWN_MENU_WIDTH }}>\n                            {isCustomPaletteAvailable && renderMenuItem(palettes.custom)}\n                            {isCustomPaletteAvailable && <Menu.Divider />}\n                            {renderMenuItem(PALETTES.default)}\n                        </Menu>\n                    </Dropdown>\n                </ControlGroup>\n            </ColumnLayout.Row>\n            <ColumnLayout.Row>\n                <MultiColorPickerEditor\n                    name=\"series-colors\"\n                    value={palettes[selectedPalette].palette}\n                    flyoutTitle={_('Customize colors')}\n                    addColorButtonLabel={_('Add color')}\n                    onChange={handleColorChange}\n                />\n            </ColumnLayout.Row>\n        </ColumnLayout>\n    );\n};\n\nSeriesColorsEditor.propTypes = {\n    ...BaseEditorPropTypes,\n    value: T.arrayOf(T.string),\n};\n\nexport default SeriesColorsEditor;\n","import * as React from 'react';\nimport styled from 'styled-components';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport { createDOMID } from '@splunk/ui-utils/id';\n\nconst DEFAULT_MAX_COLOR_COUNT = 7;\n\ninterface ColorPreviewWrapperProps {\n    isReversed?: boolean;\n}\n\nconst ColorPreviewWrapper = styled.div.attrs<ColorPreviewWrapperProps>(props => ({\n    'data-test': 'ColorPreviewWrapper',\n    isReversed: props.isReversed,\n}))<ColorPreviewWrapperProps>`\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n`;\n\ninterface ColorPreviewItemProps {\n    color: string;\n    widthGrow?: boolean;\n    maxColorCount?: number;\n}\n\nconst ColorPreviewItem = styled.div.attrs<ColorPreviewItemProps>(() => ({\n    'data-test': 'ColorPreviewItem',\n}))<ColorPreviewItemProps>`\n    flex-grow: ${({ widthGrow }): number => (widthGrow ? 1 : 0)};\n    width: ${({ maxColorCount }): string => `calc(100% / ${maxColorCount})`};\n    margin-right: 1px;\n    background-color: ${({ color }): string => color};\n    &:last-of-type {\n        margin-right: 0;\n    }\n`;\n\ninterface ColorPreviewProps {\n    colors: string[];\n    maxColorCount?: number;\n    expandToFillHorizontalSpace?: boolean;\n    isReversed?: boolean;\n}\n\nexport const ColorPreview: React.FunctionComponent<ColorPreviewProps> = ({\n    colors = [],\n    maxColorCount = DEFAULT_MAX_COLOR_COUNT,\n    expandToFillHorizontalSpace = true,\n    isReversed = false,\n}): React.ReactElement => {\n    const trueColors = isReversed ? [...colors].reverse() : [...colors];\n    return (\n        <ColorPreviewWrapper isReversed={isReversed}>\n            {trueColors.map(\n                (color, _i): React.ReactElement =>\n                    isColor(color) && (\n                        <ColorPreviewItem\n                            key={createDOMID()}\n                            color={color}\n                            widthGrow={expandToFillHorizontalSpace}\n                            maxColorCount={maxColorCount}\n                        />\n                    )\n            )}\n        </ColorPreviewWrapper>\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 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","import styled from 'styled-components';\n\nexport default styled.div`\n    border-radius: 3px; /* @TODO(pwied): should this be imported from SUI variables? */\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: 20px;\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","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/Color\");","module.exports = require(\"@splunk/react-ui/ColumnLayout\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Dropdown\");","module.exports = require(\"@splunk/react-ui/FormRows\");","module.exports = require(\"@splunk/react-ui/Menu\");","module.exports = require(\"@splunk/react-ui/Popover\");","module.exports = require(\"@splunk/react-ui/Text\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/themes/variables\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/ui-utils/id\");","module.exports = require(\"@splunk/visualization-color-palettes\");","module.exports = require(\"@splunk/visualizations-shared/colorUtils\");","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__(5695);\n"],"names":["require","TextContainer","styled","variables","inputHeight","StyledText","Text","getColor","color","defaultColor","prevColor","newColor","trim","isColor","ColorAndTextWrapper","id","showTextInput","palette","handleColorChange","labelledBy","textWidth","value","name","handleTextColorChange","handleKeyPress","handleBlur","isDisabled","textLabelId","useMemo","createDOMID","React","Color","key","append","onChange","disabled","hideInput","ScreenReaderContent","_","prepend","onKeyDown","onBlur","style","height","inputId","propTypes","T","isRequired","defaultItemSchema","default","emptyStyle","ColorEditor","label","labelPosition","labelWidth","COLOR_EDITOR_PALETTE","noop","itemSchema","hideLabel","customEditorStyle","setColor","useState","useEffect","debouncedOnChange","debounce","useCallback","val","_event","colorToValue","toLower","event","ControlGroup","controlsLayout","popoverStyle","padding","colorButtonStyle","width","StyledButton","interactiveColorBackground","ColorChip","div","props","neutral100","StyledFlyoutContent","backgroundColorPopup","FlyoutHeader","fontFamily","contentColorActive","ColorListEditor","ColorFlyoutEditor","colors","CustomColorMatchEditor","handleColorRemove","flyoutTitle","addColorButtonLabel","handleColorAdd","handleColorMove","ColorRowItems","map","idx","Row","index","onRequestRemove","display","justifyContent","marginBottom","marginTop","addLabel","onRequestAdd","onRequestMove","MultiColorPickerEditor","canReorderColors","vizColors","VIZ_CATEGORICAL","canAddNewColors","showFlyout","setShowFlyout","setColors","buttonRef","useRef","userColorsSet","Set","nextColor","find","has","countMap","Map","forEach","set","get","minCount","Infinity","count","_evt","_name","colorsCopy","splice","e","fromIndex","toIndex","movedColor","handleFlyoutClose","reason","srcElement","sortableHandle","current","focus","ColorChips","toggleShowFlyout","isShown","inline","appearance","ref","onClick","open","anchor","defaultPlacement","onRequestClose","takeFocus","undefined","BaseEditorPropTypes","bool","arrayOf","string","func","PALETTES","custom","NameWrapper","PaletteWrapper","ColorPreviewWrapper","SeriesColorsEditor","overrideCustomPalette","length","isEqual","originalPalettes","selectedPalette","setSelectedPalette","palettes","setPalettes","handleMenuSelect","paletteId","newColors","prev","toggle","isMenu","renderMenuItem","paletteConfig","paletteName","Item","selectable","selected","ColorPreview","slice","maxColorCount","expandToFillHorizontalSpace","isCustomPaletteAvailable","gutter","VERTICAL_EDITOR_SPACING","DROPDOWN_MENU_WIDTH","Divider","attrs","isReversed","ColorPreviewItem","widthGrow","trueColors","reverse","_i","oneOfType","object","context","oneOf","number","isAdvanced","dataSourceBindings","options","optionsSchema","ControlGroupContainer","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","interactiveColorOverlayDrag","AdvancedConfigButton","content","icon","AdvancedControlGroup","dataTest","children","tooltip","help","error","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","child","cloneElement","flex","FLYOUT_PADDING","COLUMN_FLYOUT_PADDING","FLYOUT_WIDTH","editorStyle","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":"SeriesColorsEditor.js","mappings":";;;;oOAAA,MAAM,EAA+BA,QAAQ,gD,iCCc7C,MAAMC,EAAgBC,IAAAA,GAAU;kBACdC,EAAAA,UAAUC;;;EAQtBC,EAAaH,IAAOI,IAAK;kBACbH,EAAAA,UAAUC;EAUtBG,EAAWA,EAAGC,QAAOC,eAAcC,gBACrC,MAAMC,EAA4B,iBAAVH,EAAqBA,EAAMI,OAASJ,EAG5D,OAAIK,EAAAA,EAAAA,SAAQF,IAA0B,OAAbA,EACdA,GAGPE,EAAAA,EAAAA,SAAQJ,GACDA,GAGPI,EAAAA,EAAAA,SAAQH,IAA4B,OAAdA,EACfA,EAGJ,aAAa,EAGlBI,EAAsBA,EACxBC,KACAC,gBACAR,QACAS,UACAC,oBACAC,aACAC,YACAC,QACAC,OACAC,wBACAC,iBACAC,aACAC,iBAEA,MAAMC,GAAcC,EAAAA,EAAAA,UAAQ,KAAMC,EAAAA,EAAAA,aAAY,eAAe,IAE7D,OACIC,IAAAA,cAAAA,IAAAA,SAAA,KACIA,IAAAA,cAAA,WACIA,IAAAA,cAACC,IAAK,CACFC,IAAI,eACJC,OAAQjB,EACRK,MAAOd,EAAS,CAAEC,UAClBS,QAASA,EACTiB,SAAUhB,EACV,YAAW,gBAAgBI,IAC3Ba,SAAUT,EACVU,WAAS,EACTjB,WAAYA,KAGnBH,GACGc,IAAAA,cAAC7B,EAAa,CAAC,YAAU,iBAAiBmB,UAAWA,GACjDU,IAAAA,cAACO,IAAmB,CAACtB,GAAIY,IAAcW,EAAAA,EAAAA,GAAE,qBACzCR,IAAAA,cAACzB,EAAU,CACP2B,IAAKX,EACL,YAAWC,EACXiB,SAAO,EACPlB,MAAiB,OAAVb,EAAiB,MAAQA,EAChC0B,SAAUX,EACViB,UAAWhB,EACXiB,OAAQhB,EACRU,SAAUT,EAGVgB,MAAO,CAAEC,OAAQ,QACjBxB,WAAY,GAAGA,KAAcQ,IAC7BiB,QAAS7B,KAItB,EAIXD,EAAoB+B,UAAY,CAC5B9B,GAAI+B,IAAAA,OACJ9B,cAAe8B,IAAAA,KACftC,MAAOsC,IAAAA,OACP7B,QAAS6B,IAAAA,QAAUA,IAAAA,QACnB5B,kBAAmB4B,IAAAA,KACnB3B,WAAY2B,IAAAA,OACZ1B,UAAW0B,IAAAA,UAAY,CAACA,IAAAA,OAAUA,IAAAA,SAClCzB,MAAOyB,IAAAA,OACPxB,KAAMwB,IAAAA,OAASC,WACfxB,sBAAuBuB,IAAAA,KACvBtB,eAAgBsB,IAAAA,KAChBrB,WAAYqB,IAAAA,KACZpB,WAAYoB,IAAAA,MAGhB,MAAME,EAAoB,CAAEC,QAAS,eAC/BC,EAAa,CAAC,EAQdC,EAAcA,EAChB7B,OAAO,QACPD,QAAQ,cACR+B,QAAQ,GACRC,gBAAgB,MAChBC,aACArC,UAAUsC,EAAAA,qBACVrB,WAAWsB,EAAAA,KACXC,aAAaT,EACbtB,cAAa,EACbN,YAAY,OACZsC,aAAY,EACZ1C,iBAAgB,EAChB0B,MAAOiB,EAAoBT,MAE3B,MAAO1C,EAAOoD,IAAYC,EAAAA,EAAAA,UAASxC,IAEnCyC,EAAAA,EAAAA,YAAU,KACNF,EAASvC,EAAM,GAChB,CAACA,IAEJ,MAAM0C,GAAoBnC,EAAAA,EAAAA,UAAQ,KAAMoC,EAAAA,EAAAA,UAAS9B,EAAU,MAAM,CAACA,IAE5DhB,GAAoB+C,EAAAA,EAAAA,cACtB,EAAG5C,MAAO6C,MACN,MAAMvD,EAAWJ,EAAS,CAAEC,MAAO0D,EAAKzD,aAAcgD,EAAWR,QAASvC,UAAWW,IACrFuC,EAASjD,GACLU,IAAUV,GAEVoD,EAAkB,KAAMzC,EAAMX,EAClC,GAEJ,CAACoD,EAAmBN,EAAWR,QAAS3B,EAAMD,IAG5CE,GAAwB0C,EAAAA,EAAAA,cAAY,CAACE,GAAU9C,MAAO6C,MACxD,MAAME,EAAuC,SAAxBC,EAAAA,EAAAA,SAAQH,GAAKtD,OAAmB,KAAOsD,EAC5DN,EAASQ,EAAa,GACvB,IAEG5C,GAAiByC,EAAAA,EAAAA,cACnBK,IACI,GAAkB,WAAdA,EAAMtC,KAIV,GAAkB,UAAdsC,EAAMtC,KAINX,IAAUb,EAAO,CACjB,MAAMG,EAAWJ,EAAS,CAAEC,QAAOC,aAAcgD,EAAWR,QAASvC,UAAWW,IAChFuC,EAASjD,GACLA,IAAaU,GACba,EAASoC,EAAOhD,EAAMX,EAE9B,OAbIiD,EAASvC,EAab,GAEJ,CAACC,EAAMd,EAAOa,EAAOa,EAAUuB,EAAWR,UAGxCxB,GAAawC,EAAAA,EAAAA,cACfK,IACI,GAAI9D,IAAUa,EAAO,CACjB,MAAMV,EAAWJ,EAAS,CAAEC,QAAOC,aAAcgD,EAAWR,QAASvC,UAAWW,IAChFuC,EAASjD,GACLA,IAAaU,GACba,EAASoC,EAAOhD,EAAMX,EAE9B,IAEJ,CAACW,EAAMd,EAAOa,EAAOa,EAAUuB,EAAWR,UAG9C,OACInB,IAAAA,cAACyC,IAAY,CACTnB,MAAOA,EACPC,cAAeA,EACfC,WAAYA,EACZZ,MAAOiB,EACPD,UAAWA,EACXc,eAAe,YAEf1C,IAAAA,cAAChB,EAAmB,CAChBE,cAAeA,EACfR,MAAOA,EACPS,QAASA,EACTC,kBAAmBA,EACnBI,KAAMA,EACNI,WAAYA,EACZN,UAAWA,EACXC,MAAOA,EACPE,sBAAuBA,EACvBC,eAAgBA,EAChBC,WAAYA,IAEL,EAIvB0B,EAAYN,UAAY,CAIpBvB,KAAMwB,IAAAA,OAASC,WAKf1B,MAAOyB,IAAAA,OAKPW,WAAYX,IAAAA,OAKZM,MAAON,IAAAA,OAASC,WAKhBW,UAAWZ,IAAAA,KAKX9B,cAAe8B,IAAAA,KAKfJ,MAAOI,IAAAA,OAKPO,cAAeP,IAAAA,MAAQ,CAAC,MAAO,SAK/BQ,WAAYR,IAAAA,OAKZ7B,QAAS6B,IAAAA,QAAUA,IAAAA,QASnBZ,SAAUY,IAAAA,KAAOC,WAIjBrB,WAAYoB,IAAAA,KACZ1B,UAAW0B,IAAAA,UAAY,CAACA,IAAAA,OAAUA,IAAAA,UAGtC,S,2zBC5SA,mBACA,WACA,YACA,UACA,aACA,UACA,aACA,UACA,aAEA,aACA,UACA,UAEA,aACA,YAEM2B,EAAe,CAAEC,QAAS,QAC1BC,EAAmB,CAAEC,MAAO,SAE5BC,GAAe,aAAO,UAAO;;;;;;;;;;wBAUX,UAAUC;EAG5BC,EAAY,UAAOC,GAAG;;;wBAGHC,GAAkBA,EAAMzE;;wBAEzB,UAAU0E;EAG5BC,EAAsB,UAAOH,GAAG;;;;;wBAKd,UAAUI;EAG5BC,EAAe,UAAOL,GAAG;;;;;mBAKZ,UAAUM;aAChB,UAAUC;EAGjBC,EAAkB,UAAOR,GAAG;;;;EAiBrB,EAAAS,kBAAoB,EAC7BC,SACAC,yBACAC,oBACA1E,oBACA2E,cACAC,sBACAC,iBACAC,sBAEA,MAAMC,GAAgB,IAAArE,UAAQ,IACnB8D,EAAOQ,KAAI,CAAC1F,EAAO2F,KAEtB,MAAMnF,EAA0C,MAA1B2E,EACtB,OACI,wBAAC,UAASS,IAAG,CACTC,MAAOF,EACPnE,KAAK,IAAAH,eAAa,aACNrB,EACZ8F,gBAAiBV,GAEjB,+BAAKlD,MAAO,CAAE6D,QAAS,OAAQC,eAAgB,kBAC3C,wBAAC,UAAW,CACRnF,MAAOb,EACPwB,KAAK,IAAAH,eACLK,SAAUhB,EAAkBiF,GAC5BzC,WAAS,EACTN,MAAM,IACN9B,KAAK,QACLoB,MAAO,CAAE+D,aAAc,EAAGC,UAAW,EAAG9B,MAAO5D,EAAgB,OAAS,IACxEA,cAAeA,IAEgB,mBAA3B2E,GACJ,wBAACA,EAAsB,CAACU,MAAOF,KAI9C,KAEN,CAACT,EAAQC,EAAwBC,EAAmB1E,IAEvD,OACI,wBAACiE,EAAmB,aAAW,iCAC3B,wBAACE,EAAY,aAAW,+BAA+BQ,GACvD,wBAACL,EAAe,KACZ,wBAAC,UAAQ,CACLmB,SAAUb,EACVc,aAAcb,EACdc,cAAeb,EAAe,YACpB,mBAETC,IAIhB,EAaL,MAAMa,EAA+E,EACjFnB,yBACAzD,WAAW,EAAAsB,KACXuD,oBAAmB,EACnB1F,MAAO2F,EAAY,EAAAC,gBACnBpB,eAAc,IAAAvD,GAAE,oBAChBwD,uBAAsB,IAAAxD,GAAE,aACxBhB,OAAO,eACP8B,QAAQ,GACRC,gBAAgB,MAChBC,aACA5B,cAAa,EACbgC,aAAY,EACZwD,mBAAkB,MAElB,MAAOC,EAAYC,IAAiB,IAAAvD,WAAS,IACtC6B,EAAQ2B,IAAa,IAAAxD,UAASmD,GAC/BM,GAAY,IAAAC,QAAO,OAEzB,IAAAzD,YAAU,KACNuD,EAAUL,EAAU,GACrB,CAACA,IAGJ,MAAMjB,GAAiB,IAAA9B,cAAY,KAC/B,MAAMuD,EAAgB,IAAIC,IAAI/B,GAC9B,IAAIgC,EAAY,EAAAT,gBAAgBU,MAAKnH,IAAUgH,EAAcI,IAAIpH,KACjE,IAAKkH,EAAW,CAEZ,MAAMG,EAAW,IAAIC,IACrB,EAAAb,gBAAgBc,SAAQvH,GAASqH,EAASG,IAAIxH,EAAO,KACrDkF,EAAOqC,SAAQvH,IACXqH,EAASG,IAAIxH,GAAQqH,EAASI,IAAIzH,IAAU,GAAK,EAAE,IAGvD,IAAI0H,EAAWC,IACf,EAAAlB,gBAAgBc,SAAQvH,IACpB,MAAM4H,EAAQP,EAASI,IAAIzH,IAAU,EACjC4H,EAAQF,IACRA,EAAWE,EACXV,EAAYlH,EAChB,GAER,CACA0B,EAAS,KAAMZ,EAAM,IAAIoE,EAAQgC,GAAW,GAC7C,CAACpG,EAAMY,EAAUwD,IAEdxE,GAAoB,IAAA+C,cACtBkC,GAAO,CAACkC,EAAMC,EAAOjH,KACjB,MAAMkH,EAAa,IAAI7C,GACvB6C,EAAWC,OAAOrC,EAAK,EAAG9E,GAC1Ba,EAAS,KAAMZ,EAAMiH,EAAW,GAEpC,CAACjH,EAAMY,EAAUwD,IAGfE,GAAoB,IAAA3B,cACtB,CAACwE,GAAKpC,YACF,MAAMkC,EAAa,IAAI7C,GACvB6C,EAAWC,OAAOnC,EAAO,GACzBnE,EAAS,KAAMZ,EAAMiH,EAAW,GAEpC,CAACjH,EAAMY,EAAUwD,IAGfM,GAAkB,IAAA/B,cACpB,EAAGyE,YAAWC,cACV,MAAMJ,EAAa,IAAI7C,GACjBkD,EAAaL,EAAWG,GAC9BH,EAAWC,OAAOE,EAAW,GAC7BH,EAAWC,OAAOG,EAAS,EAAGC,GAC9B1G,EAAS,KAAMZ,EAAMiH,EAAW,GAEpC,CAACjH,EAAMY,EAAUwD,IAWfmD,GAAgD,IAAA5E,cAAY,EAAGK,QAAOwE,a,OAElD,QAAjB,EAAAxE,aAAK,EAALA,EAAOyE,kBAAU,eAAEC,iBACpB5B,GAAc,GAEH,cAAX0B,GACAxB,EAAU2B,QAAQC,OACtB,GACD,IAEGC,GAAa,IAAAvH,UACf,IAAM8D,EAAOQ,KAAI1F,GAAS,wBAACuE,EAAS,CAACvE,MAAOA,EAAOwB,KAAK,IAAAH,oBACxD,CAAC6D,IAGC0D,GAAmB,IAAAnF,cAAY,KACjCmD,GAAciC,IAAYA,GAAQ,GACnC,IAEH,OACI,wBAAC,UAAY,CACTjG,MAAOA,EACPC,cAAeA,EACfC,WAAYA,EACZI,UAAWA,EAAS,YACV,0BAEV,wBAACmB,EAAY,CACTyE,QAAQ,EAAK,YACH,yBACVC,WAAW,UACXC,IAAKlC,EACLmC,QAASL,EACTjH,SAAUT,EACVgB,MAAOiC,GAENwE,GAEL,wBAAC,UAAO,aACM,yBACVO,KAAMvC,EACNwC,OAAQrC,EAAU2B,QAClBW,iBAAiB,aACjBlH,MAAO+B,EACPoF,eAAgBhB,EAChBiB,WAAS,GAET,wBAAC,EAAArE,kBAAiB,CACdC,OAAQA,EACRC,uBAAwBA,EACxBC,kBAAmBA,EACnB1E,kBAAmBA,EACnB6E,eAAgBmB,EAAkBnB,OAAiBgE,EACnD/D,gBAAiBe,EAAmBf,OAAkB+D,EACtDlE,YAAaA,EACbC,oBAAqBA,KAIpC,EAGLgB,EAAuBjE,UAAY,OAAH,wBACzB,EAAAmH,qBAAmB,CAItBjD,iBAAkBjE,EAAEmH,KAIpB/C,gBAAiBpE,EAAEmH,KAInB5I,MAAOyB,EAAEoH,QAAQpH,EAAEqH,QAInBtE,YAAa/C,EAAEqH,OAIfrE,oBAAqBhD,EAAEqH,OAIvBxE,uBAAwB7C,EAAEsH,KAI1B1G,UAAWZ,EAAEmH,OAGjB,UAAenD,C,kzBCjUf,mBACA,WACA,YACA,UACA,aACA,aACA,aACA,aACA,UACA,UACA,aACA,UACA,aACA,aACA,UACA,UAkBa,EAAAuD,SAAW,CACpBpH,QAAS,CAAElC,GAAI,UAAWO,MAAM,IAAAgB,GAAE,WAAYrB,QAAS,EAAAgG,iBACvDqD,OAAQ,CAAEvJ,GAAI,SAAUO,MAAM,IAAAgB,GAAE,UAAWrB,QAAS,KAGxD,MAAMsJ,EAAc,UAAOvF,GAAG;;;;EAMxBwF,GAAiB,aAAO,UAAe;;;EAKvCC,EAAsB,UAAOzF,GAAG;;;EAKhC0F,EAAqB,EAAGtH,QAAO/B,QAAOC,OAAMY,eAC9C,MAAMyI,GAAwB,IAAA/I,UAAQ,OAAQP,aAAK,EAALA,EAAOuJ,WAAW,IAAAC,SAAQxJ,EAAO,EAAA4F,kBAAkB,CAAC5F,IAG5FyJ,GAAmB,IAAAlJ,UAAQ,IACzB+I,EACO,OAAP,wBACO,EAAAN,UAAQ,CACXC,OAAQ,OAAF,wBAAO,EAAAD,SAASC,QAAM,CAAErJ,QAASI,MAGxC,EAAAgJ,UACR,CAACM,EAAuBtJ,KAGpB0J,EAAiBC,IAAsB,IAAAnH,UAC1C8G,EAAwB,SAAW,YAGhCM,EAAUC,IAAe,IAAArH,UAASiH,GAEnCK,GAAmB,IAAAlH,cACpBmH,IACGJ,EAAmBI,GACnBlJ,EAAS,KAAMZ,EAAM2J,EAASG,GAAWnK,QAAQ,GAErD,CAACK,EAAMY,EAAU+I,IAGf/J,GAAoB,IAAA+C,cACtB,CAACoE,EAAMC,EAAO+C,KACNA,EAAUT,QAEVM,GAAYI,GAAS,OAAD,wBACbA,GAAI,CACPhB,OAAQ,OAAF,wBAAO,EAAAD,SAASC,QAAM,CAAErJ,QAASoK,QAE3CL,EAAmB,UACnB9I,EAAS,KAAMZ,EAAM+J,KAGrBH,GAAYI,GAAS,OAAD,wBACbA,GAAI,CACPhB,OAAQ,EAAAD,SAASC,WAErBU,EAAmB,WACnB9I,EAAS,KAAMZ,EAAM,EAAA+I,SAASpH,QAAQhC,SAC1C,GAEJ,CAACK,EAAMY,IAGLqJ,EACF,wBAAC,UAAM,CACHhC,WAAW,UAAS,YACV,0BACVnG,MAAO6H,EAASF,GAAiBzJ,KACjCkK,QAAM,IAIRC,EAAkBC,IACpB,MAAM,GAAE3K,EAAE,QAAEE,EAASK,KAAMqK,GAAgBD,EAC3C,OACI,wBAAC,UAAKE,KAAI,CACN5J,IAAK,gCAAgCjB,IAAI,YAC9B,yBAAyBA,IACpC8K,YAAU,EACVC,SAAUf,IAAoBhK,EAC9B0I,QAAS,IAAM0B,EAAiBpK,IAEhC,wBAACyJ,EAAc,KACX,wBAACD,EAAW,KAAEoB,GACd,wBAAClB,EAAmB,KAChB,wBAAC,EAAAsB,aAAY,CACTrG,OAAQzE,EAAQ+K,MAAM,EA/GlB,GAgHJC,cAhHI,EAiHJC,6BAA6B,MAKhD,EAGCC,EAA2BlB,EAASX,OAAOrJ,QAAQ2J,OAAS,EAElE,OACI,wBAAC,UAAY,CAACwB,OAAQ,EAAAC,yBAClB,wBAAC,UAAajG,IAAG,KACb,wBAAC,UAAY,CACThD,MAAOA,IAAS,IAAAd,GAAE,iBAClBe,cAAc,MAAK,YACT,wBAEV,wBAAC,UAAQ,CAACkI,OAAQA,GACd,wBAAC,UAAI,CAAC7I,MAAO,CAAEkC,MAAO,EAAA0H,sBACjBH,GAA4BV,EAAeR,EAASX,QACpD6B,GAA4B,wBAAC,UAAKI,QAAO,MACzCd,EAAe,EAAApB,SAASpH,aAKzC,wBAAC,UAAamD,IAAG,KACb,wBAAC,UAAsB,CACnB9E,KAAK,gBACLD,MAAO4J,EAASF,GAAiB9J,QACjC4E,aAAa,IAAAvD,GAAE,oBACfwD,qBAAqB,IAAAxD,GAAE,aACvBJ,SAAUhB,KAIzB,EAGLwJ,EAAmB7H,UAAY,OAAH,wBACrB,EAAAmH,qBAAmB,CACtB3I,MAAOyB,EAAEoH,QAAQpH,EAAEqH,UAGvB,UAAeO,C,szBChLf,mBACA,YACA,UACA,UAQMD,EAAsB,UAAOzF,IAAIwH,OAAgCvH,IAAS,CAC5E,YAAa,sBACbwH,WAAYxH,EAAMwH,cACO;;;;EAYvBC,EAAmB,UAAO1H,IAAIwH,OAA6B,KAAM,CACnE,YAAa,sBACS;iBACT,EAAGG,eAAyBA,EAAY,EAAI;aAChD,EAAGV,mBAA4B,eAAeA;;wBAEnC,EAAGzL,WAAoBA;;;;EAalC,EAAAuL,aAA2D,EACpErG,SAAS,GACTuG,gBA1C4B,EA2C5BC,+BAA8B,EAC9BO,cAAa,MAEb,MAAMG,EAAaH,EAAa,IAAI/G,GAAQmH,UAAY,IAAInH,GAC5D,OACI,gBAAC+E,EAAmB,CAACgC,WAAYA,GAC5BG,EAAW1G,KACR,CAAC1F,EAAOsM,KACJ,IAAAjM,SAAQL,IACJ,gBAACkM,EAAgB,CACb1K,KAAK,IAAAH,eACLrB,MAAOA,EACPmM,UAAWT,EACXD,cAAeA,MAKtC,C,6uBClEL,iBAoBa,EAAAjC,oBAAuE,CAChF1I,KAAMwB,EAAEqH,OAAOpH,WACf1B,MAAOyB,EAAEiK,UAAU,CAACjK,EAAEqH,OAAQrH,EAAEkK,OAAQlK,EAAEoH,QAAQpH,EAAEqH,UACpD8C,QAASnK,EAAEkK,OACX5J,MAAON,EAAEqH,OACT9G,cAAeP,EAAEoK,MAAM,CAAC,MAAO,SAC/B5J,WAAYR,EAAEqK,OACdjL,SAAUY,EAAEsH,KACZgD,WAAYtK,EAAEmH,KACdvI,WAAYoB,EAAEmH,KACdoD,mBAAoBvK,EAAEkK,OACtBM,QAASxK,EAAEkK,OACXO,cAAezK,EAAEkK,O,8zBChCrB,mBAEA,WACA,YACA,UACA,aACA,UACA,aAEA,aACA,aAiBMQ,GAAwB,aAAO,UAAgB;;;;qBAIhC,EAAArN,UAAUsN;;;;;;;;;;;;;;;;EAmBzBC,GAAgB,aAAO,UAAQ;;;;;;EAQ/BC,GAA6B,aAAO,UAAoB;aACjD,EAAAxN,UAAUoF;;4BAEK,EAAApF,UAAUyN;;EAIzB,EAAAC,qBAAuB,EAChCzK,QAAQ,GACRqG,aAGI,wBAACiE,EAAa,aACC,GAAGtK,mCACd0K,SAAS,IAAAxL,GAAE,4BAEX,wBAACqL,EAA0B,aACZ,GAAGvK,2BACd2K,KAAM,wBAAC,UAAkB,aAAY,GAAG3K,kCACxCmG,WAAW,SACXE,QAASA,KAMzB,MAAMuE,EAAuB,EACzB,YAAaC,EACbC,WACAd,cAAa,EACbhK,QACAM,YACAL,gBACAC,aACA6K,UACAC,OACA1L,QACA2L,QACA7J,iBACAiF,UACA6E,iCAEA,wBAACd,EAAqB,aACPS,QAAAA,EAAY,gBACvB7K,MAAOA,EACPM,UAAWA,EACXL,cAAeA,EACfC,WAAYA,EACZ6K,QAASA,EACTC,KAAMA,EACNC,MAAOA,EACP3L,MAAOA,EACP+G,QAASA,EACTjF,eAAgBA,GAEf4I,EACK,EAAAmB,SAASC,QAAQN,GACZO,OAAOC,SACPxI,KAAIyI,IACD,IAAAC,cAAaD,EAAuB,CAChCjM,MAAO,CAAEmM,KAAM,OAG3BX,EACLd,EAAa,wBAAC,EAAAS,qBAAoB,CAACzK,MAAOA,EAAOqG,QAAS6E,IAAkC,MAIrGN,EAAqBnL,UAAY,CAI7BH,MAAOI,EAAEkK,OAITI,WAAYtK,EAAEmH,KAIdR,QAAS3G,EAAEsH,KAIXkE,4BAA6BxL,EAAEsH,MAGnC,UAAe4D,C,4JCjJf,kBAEA,UAAe,UAAOhJ,GAAG;;;;;;8LCFZ,EAAA8J,eAAiB,GACjB,EAAAC,sBAAwB,GACxB,EAAAC,aAAe,IAEf,EAAA3C,wBAA0B,GAE1B,EAAAC,oBAAsB,IAEtB,EAAA2C,YAAc,CAAErK,MAAO,O,WCRpCsK,EAAOC,QAAUnP,QAAQ,8C,WCAzBkP,EAAOC,QAAUnP,QAAQ,0B,WCAzBkP,EAAOC,QAAUnP,QAAQ,yB,WCAzBkP,EAAOC,QAAUnP,QAAQ,gC,WCAzBkP,EAAOC,QAAUnP,QAAQ,gC,WCAzBkP,EAAOC,QAAUnP,QAAQ,4B,WCAzBkP,EAAOC,QAAUnP,QAAQ,4B,WCAzBkP,EAAOC,QAAUnP,QAAQ,wB,WCAzBkP,EAAOC,QAAUnP,QAAQ,2B,WCAzBkP,EAAOC,QAAUnP,QAAQ,uC,WCAzBkP,EAAOC,QAAUnP,QAAQ,wB,WCAzBkP,EAAOC,QAAUnP,QAAQ,2B,WCAzBkP,EAAOC,QAAUnP,QAAQ,iB,WCAzBkP,EAAOC,QAAUnP,QAAQ,2B,WCAzBkP,EAAOC,QAAUnP,QAAQ,wB,WCAzBkP,EAAOC,QAAUnP,QAAQ,sB,WCAzBkP,EAAOC,QAAUnP,QAAQ,uC,WCAzBkP,EAAOC,QAAUnP,QAAQ,2C,WCAzBkP,EAAOC,QAAUnP,QAAQ,S,SCAzBkP,EAAOC,QAAUnP,QAAQ,a,WCAzBkP,EAAOC,QAAUnP,QAAQ,Q,UCAzBkP,EAAOC,QAAUnP,QAAQ,oB,GCCrBoP,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBvF,IAAjBwF,EACH,OAAOA,EAAaJ,QAGrB,IAAID,EAASE,EAAyBE,GAAY,CAGjDH,QAAS,CAAC,GAOX,OAHAK,EAAoBF,GAAUG,KAAKP,EAAOC,QAASD,EAAQA,EAAOC,QAASE,GAGpEH,EAAOC,OACf,CCrBAE,EAAoBK,EAAKR,IACxB,IAAIS,EAAST,GAAUA,EAAOU,WAC7B,IAAOV,EAAiB,QACxB,IAAM,EAEP,OADAG,EAAoBQ,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdN,EAAoBQ,EAAI,CAACV,EAASY,KACjC,IAAI,IAAI/N,KAAO+N,EACXV,EAAoBW,EAAED,EAAY/N,KAASqN,EAAoBW,EAAEb,EAASnN,IAC5EiO,OAAOC,eAAef,EAASnN,EAAK,CAAEmO,YAAY,EAAMlI,IAAK8H,EAAW/N,IAE1E,ECNDqN,EAAoBW,EAAI,CAACI,EAAKC,IAAUJ,OAAOK,UAAUC,eAAed,KAAKW,EAAKC,GCClFhB,EAAoBmB,EAAKrB,IACH,oBAAXsB,QAA0BA,OAAOC,aAC1CT,OAAOC,eAAef,EAASsB,OAAOC,YAAa,CAAErP,MAAO,WAE7D4O,OAAOC,eAAef,EAAS,aAAc,CAAE9N,OAAO,GAAO,ECF9D,IAAIsP,EAAsBtB,EAAoB,M","sources":["webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/colorConstants\"","webpack://@splunk/dynamic-editors/./src/editors/ColorEditor.jsx","webpack://@splunk/dynamic-editors/./src/editors/MultiColorPickerEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/SeriesColorsEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/formatters/ColorPreview.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/PreviewWrapper.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","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/Color\"","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/Dropdown\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/FormRows\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Menu\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Popover\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ScreenReaderContent\"","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/themes/variables\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/id\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-color-palettes\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/colorUtils\"","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":["const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/visualizations-shared/colorConstants\");","import React, { useEffect, useCallback, useState, useMemo } from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { debounce, noop, toLower } from 'lodash';\nimport { variables } from '@splunk/themes';\nimport Color from '@splunk/react-ui/Color';\nimport Text from '@splunk/react-ui/Text';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport { COLOR_EDITOR_PALETTE } from '@splunk/visualizations-shared/colorConstants';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\nconst TextContainer = styled.div`\n    max-height: ${variables.inputHeight};\n    width: 100%;\n    min-width: 0;\n`;\n\n// hardcoded style to sync with SUI color picker's hardcoded dimensions\n// TODO(fkurniawan): see if we can leverage prisma's consolidated textInput out of the box instead of our own component\n// right now, we're using hideInput\nconst StyledText = styled(Text)`\n    max-height: ${variables.inputHeight};\n`;\n\n/**\n * Trims the color input and returns the result, or default color if the default color is valid, or previous color\n * @param {String} color The color the user entered\n * @param {String} defaultColor The default color of the component\n * @param {String} prevColor The previous color of the component\n * @returns {String}\n */\nconst getColor = ({ color, defaultColor, prevColor }) => {\n    const newColor = typeof color === 'string' ? color.trim() : color;\n\n    // color === null is `N/A` in color picker\n    if (isColor(newColor) || newColor === null) {\n        return newColor;\n    }\n\n    if (isColor(defaultColor)) {\n        return defaultColor;\n    }\n\n    if (isColor(prevColor) || prevColor === null) {\n        return prevColor;\n    }\n\n    return 'transparent';\n};\n\nconst ColorAndTextWrapper = ({\n    id,\n    showTextInput,\n    color,\n    palette,\n    handleColorChange,\n    labelledBy,\n    textWidth,\n    value,\n    name,\n    handleTextColorChange,\n    handleKeyPress,\n    handleBlur,\n    isDisabled,\n}) => {\n    const textLabelId = useMemo(() => createDOMID('color-code'), []);\n\n    return (\n        <>\n            <div>\n                <Color\n                    key=\"color-editor\"\n                    append={showTextInput}\n                    value={getColor({ color })}\n                    palette={palette}\n                    onChange={handleColorChange}\n                    data-test={`color-picker-${name}`}\n                    disabled={isDisabled}\n                    hideInput\n                    labelledBy={labelledBy}\n                />\n            </div>\n            {showTextInput && (\n                <TextContainer data-test=\"text-container\" textWidth={textWidth}>\n                    <ScreenReaderContent id={textLabelId}>{_('Color code input')}</ScreenReaderContent>\n                    <StyledText\n                        key={value}\n                        data-test={name}\n                        prepend\n                        value={color === null ? 'N/A' : color}\n                        onChange={handleTextColorChange}\n                        onKeyDown={handleKeyPress}\n                        onBlur={handleBlur}\n                        disabled={isDisabled}\n                        // hardcoded style to sync with SUI color picker's hardcoded dimensions\n                        // TODO(fkurniawan): see if we can leverage prisma's consolidated textInput out of the box\n                        style={{ height: '32px' }}\n                        labelledBy={`${labelledBy} ${textLabelId}`}\n                        inputId={id}\n                    />\n                </TextContainer>\n            )}\n        </>\n    );\n};\n\nColorAndTextWrapper.propTypes = {\n    id: T.string,\n    showTextInput: T.bool,\n    color: T.string,\n    palette: T.arrayOf(T.string),\n    handleColorChange: T.func,\n    labelledBy: T.string,\n    textWidth: T.oneOfType([T.string, T.number]),\n    value: T.string,\n    name: T.string.isRequired,\n    handleTextColorChange: T.func,\n    handleKeyPress: T.func,\n    handleBlur: T.func,\n    isDisabled: T.bool,\n};\n\nconst defaultItemSchema = { default: 'transparent' };\nconst emptyStyle = {};\n\n// The propTypes typing for TS callers isn't working for the onChange callback\n/**\n * @param {Object} props\n * @param {(e: import('react').SyntheticEvent, name: string, value: string) => void} [props.onChange]\n * @returns\n */\nconst ColorEditor = ({\n    name = 'color',\n    value = 'transparent',\n    label = '',\n    labelPosition = 'top',\n    labelWidth,\n    palette = COLOR_EDITOR_PALETTE,\n    onChange = noop,\n    itemSchema = defaultItemSchema,\n    isDisabled = false,\n    textWidth = 'auto',\n    hideLabel = false,\n    showTextInput = true,\n    style: customEditorStyle = emptyStyle,\n}) => {\n    const [color, setColor] = useState(value);\n\n    useEffect(() => {\n        setColor(value);\n    }, [value]);\n\n    const debouncedOnChange = useMemo(() => debounce(onChange, 250), [onChange]);\n\n    const handleColorChange = useCallback(\n        ({ value: val }) => {\n            const newColor = getColor({ color: val, defaultColor: itemSchema.default, prevColor: value });\n            setColor(newColor);\n            if (value !== newColor) {\n                // No event to pass back, so it is null\n                debouncedOnChange(null, name, newColor);\n            }\n        },\n        [debouncedOnChange, itemSchema.default, name, value]\n    );\n\n    const handleTextColorChange = useCallback((_event, { value: val }) => {\n        const colorToValue = toLower(val).trim() === 'n/a' ? null : val;\n        setColor(colorToValue);\n    }, []);\n\n    const handleKeyPress = useCallback(\n        event => {\n            if (event.key === 'Escape') {\n                setColor(value);\n                return;\n            }\n            if (event.key !== 'Enter') {\n                return;\n            }\n\n            if (value !== color) {\n                const newColor = getColor({ color, defaultColor: itemSchema.default, prevColor: value });\n                setColor(newColor);\n                if (newColor !== value) {\n                    onChange(event, name, newColor);\n                }\n            }\n        },\n        [name, color, value, onChange, itemSchema.default]\n    );\n\n    const handleBlur = useCallback(\n        event => {\n            if (color !== value) {\n                const newColor = getColor({ color, defaultColor: itemSchema.default, prevColor: value });\n                setColor(newColor);\n                if (newColor !== value) {\n                    onChange(event, name, newColor);\n                }\n            }\n        },\n        [name, color, value, onChange, itemSchema.default]\n    );\n\n    return (\n        <ControlGroup\n            label={label}\n            labelPosition={labelPosition}\n            labelWidth={labelWidth}\n            style={customEditorStyle}\n            hideLabel={hideLabel}\n            controlsLayout=\"fillJoin\"\n        >\n            <ColorAndTextWrapper\n                showTextInput={showTextInput}\n                color={color}\n                palette={palette}\n                handleColorChange={handleColorChange}\n                name={name}\n                isDisabled={isDisabled}\n                textWidth={textWidth}\n                value={value}\n                handleTextColorChange={handleTextColorChange}\n                handleKeyPress={handleKeyPress}\n                handleBlur={handleBlur}\n            />\n        </ControlGroup>\n    );\n};\n\nColorEditor.propTypes = {\n    /**\n     * The option name\n     */\n    name: T.string.isRequired,\n\n    /**\n     * The option value\n     */\n    value: T.string,\n\n    /**\n     * @param {Object} itemSchema Either the dataContract or schema for the selected item\n     */\n    itemSchema: T.object,\n\n    /**\n     * A human readable label for the option\n     */\n    label: T.string.isRequired,\n\n    /**\n     * Flag to hide the editor label\n     */\n    hideLabel: T.bool,\n\n    /**\n     * Flag to hide the color text input\n     */\n    showTextInput: T.bool,\n\n    /**\n     * Custom styling for the editor layout, eg: setting margin-bottom to 0px for ControlGroup, SUI has it at 15px\n     */\n    style: T.object,\n\n    /**\n     * Label position\n     */\n    labelPosition: T.oneOf(['top', 'left']),\n\n    /**\n     * Label position\n     */\n    labelWidth: T.number,\n\n    /**\n     * An array of color swatch values\n     */\n    palette: T.arrayOf(T.string),\n\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     * Disabled state of component\n     */\n    isDisabled: T.bool,\n    textWidth: T.oneOfType([T.string, T.number]),\n};\n\nexport default ColorEditor;\n","import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { noop } from 'lodash';\nimport variables from '@splunk/themes/variables';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport FormRows from '@splunk/react-ui/FormRows';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport Button from '@splunk/react-ui/Button';\nimport type { PopoverRequestCloseHandler } from '@splunk/react-ui/Popover';\nimport Popover from '@splunk/react-ui/Popover';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport ColorEditor from './ColorEditor';\n\nconst popoverStyle = { padding: '10px' };\nconst colorButtonStyle = { width: '314px' };\n\nconst StyledButton = styled(Button)`\n    padding: 8px;\n    width: 100%;\n    min-height: 40px;\n    & > span {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, 26px);\n        justify-content: space-evenly;\n        grid-gap: 4px;\n    }\n    background-color: ${variables.interactiveColorBackground};\n`;\n\nconst ColorChip = styled.div`\n    width: 26px;\n    height: 24px;\n    background-color: ${(props): string => props.color};\n    border-radius: 2px;\n    border: 1px solid ${variables.neutral100};\n`;\n\nconst StyledFlyoutContent = styled.div`\n    box-sizing: border-box;\n    padding: 8px;\n    width: 312px;\n    max-height: 484px;\n    background-color: ${variables.backgroundColorPopup};\n`;\n\nconst FlyoutHeader = styled.div`\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 20px;\n    padding: 8px 8px 0 8px;\n    font-family: ${variables.fontFamily};\n    color: ${variables.contentColorActive};\n`;\n\nconst ColorListEditor = styled.div`\n    height: 412px;\n    overflow-y: auto;\n    padding: 8px 10px;\n`;\n\nexport interface ColorFlyoutEditorProps {\n    colors: string[];\n    handleColorRemove: (_e, { index }: { index: number }) => void;\n    handleColorChange: (idx: number) => (_evt, name: string, value: string) => void;\n    CustomColorMatchEditor?: (props: { index: number }) => React.ReactNode;\n    flyoutTitle: string;\n    addColorButtonLabel: string;\n    handleColorAdd: () => void;\n    handleColorMove: (data: { fromIndex: number; toIndex: number }) => void;\n}\n\nexport const ColorFlyoutEditor = ({\n    colors,\n    CustomColorMatchEditor,\n    handleColorRemove,\n    handleColorChange,\n    flyoutTitle,\n    addColorButtonLabel,\n    handleColorAdd,\n    handleColorMove,\n}: ColorFlyoutEditorProps) => {\n    const ColorRowItems = useMemo(() => {\n        return colors.map((color, idx) => {\n            // disable the color editor's text input when a custom input editor is available to render adjacently\n            const showTextInput = CustomColorMatchEditor == null;\n            return (\n                <FormRows.Row\n                    index={idx}\n                    key={createDOMID()}\n                    data-color={color}\n                    onRequestRemove={handleColorRemove}\n                >\n                    <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n                        <ColorEditor\n                            value={color}\n                            key={createDOMID()}\n                            onChange={handleColorChange(idx)}\n                            hideLabel\n                            label=\" \"\n                            name=\"color\"\n                            style={{ marginBottom: 0, marginTop: 0, width: showTextInput ? '100%' : 32 }}\n                            showTextInput={showTextInput}\n                        />\n                        {typeof CustomColorMatchEditor === 'function' && (\n                            <CustomColorMatchEditor index={idx} />\n                        )}\n                    </div>\n                </FormRows.Row>\n            );\n        });\n    }, [colors, CustomColorMatchEditor, handleColorRemove, handleColorChange]);\n\n    return (\n        <StyledFlyoutContent data-test=\"MultiColorPickerFlyoutContent\">\n            <FlyoutHeader data-test=\"MultiColorPickerFlyoutTitle\">{flyoutTitle}</FlyoutHeader>\n            <ColorListEditor>\n                <FormRows\n                    addLabel={addColorButtonLabel}\n                    onRequestAdd={handleColorAdd}\n                    onRequestMove={handleColorMove}\n                    data-test=\"ColorListEditor\"\n                >\n                    {ColorRowItems}\n                </FormRows>\n            </ColorListEditor>\n        </StyledFlyoutContent>\n    );\n};\n\nexport interface MultiColorPickerEditorProps extends BaseEditorProps {\n    CustomColorMatchEditor?: (props: { index: number }) => React.ReactNode;\n    canReorderColors?: boolean;\n    value: string[];\n    flyoutTitle?: string;\n    addColorButtonLabel?: string;\n    hideLabel?: boolean;\n    canAddNewColors?: boolean;\n}\n\nconst MultiColorPickerEditor: React.FunctionComponent<MultiColorPickerEditorProps> = ({\n    CustomColorMatchEditor,\n    onChange = noop,\n    canReorderColors = true,\n    value: vizColors = VIZ_CATEGORICAL,\n    flyoutTitle = _('Customize colors'),\n    addColorButtonLabel = _('Add color'),\n    name = 'seriesColors',\n    label = '',\n    labelPosition = 'top',\n    labelWidth,\n    isDisabled = false,\n    hideLabel = true,\n    canAddNewColors = true,\n}) => {\n    const [showFlyout, setShowFlyout] = useState(false);\n    const [colors, setColors] = useState(vizColors);\n    const buttonRef = useRef(null);\n\n    useEffect(() => {\n        setColors(vizColors);\n    }, [vizColors]);\n\n    // callbacks to add, remove, update and reorder a color form row\n    const handleColorAdd = useCallback(() => {\n        const userColorsSet = new Set(colors);\n        let nextColor = VIZ_CATEGORICAL.find(color => !userColorsSet.has(color));\n        if (!nextColor) {\n            // All picked, count appearances\n            const countMap = new Map<string, number>();\n            VIZ_CATEGORICAL.forEach(color => countMap.set(color, 0));\n            colors.forEach(color => {\n                countMap.set(color, (countMap.get(color) || 0) + 1);\n            });\n            // Find color with minimum appearances\n            let minCount = Infinity;\n            VIZ_CATEGORICAL.forEach(color => {\n                const count = countMap.get(color) || 0;\n                if (count < minCount) {\n                    minCount = count;\n                    nextColor = color;\n                }\n            });\n        }\n        onChange(null, name, [...colors, nextColor]);\n    }, [name, onChange, colors]);\n\n    const handleColorChange = useCallback(\n        idx => (_evt, _name, value) => {\n            const colorsCopy = [...colors];\n            colorsCopy.splice(idx, 1, value);\n            onChange(null, name, colorsCopy);\n        },\n        [name, onChange, colors]\n    );\n\n    const handleColorRemove = useCallback(\n        (e, { index }) => {\n            const colorsCopy = [...colors];\n            colorsCopy.splice(index, 1);\n            onChange(null, name, colorsCopy);\n        },\n        [name, onChange, colors]\n    );\n\n    const handleColorMove = useCallback(\n        ({ fromIndex, toIndex }) => {\n            const colorsCopy = [...colors];\n            const movedColor = colorsCopy[fromIndex];\n            colorsCopy.splice(fromIndex, 1); // first, delete the color at the original position\n            colorsCopy.splice(toIndex, 0, movedColor); // then reinsert it at the new position\n            onChange(null, name, colorsCopy);\n        },\n        [name, onChange, colors]\n    );\n\n    /**\n     * custom logic is required for closing the flyout as the FormRows component is rendered inside a Popover, and\n     * when we sort the form rows, the popover closes mid-sorting (closeReason=\"clickAway\") as the dragged element is\n     * taken out of the flow. Current workaround is to check if the event's source element has a sortable handle,\n     * if yes, the flyout is kept open.\n     *\n     * Additionally, focus is returned to the trigger button when exiting through escape key press\n     */\n    const handleFlyoutClose: PopoverRequestCloseHandler = useCallback(({ event, reason }) => {\n        // @ts-ignore\n        if (!event?.srcElement?.sortableHandle) {\n            setShowFlyout(false);\n        }\n        if (reason === 'escapeKey') {\n            buttonRef.current.focus();\n        }\n    }, []);\n\n    const ColorChips = useMemo(\n        () => colors.map(color => <ColorChip color={color} key={createDOMID()} />),\n        [colors]\n    );\n\n    const toggleShowFlyout = useCallback(() => {\n        setShowFlyout(isShown => !isShown);\n    }, []);\n\n    return (\n        <ControlGroup\n            label={label}\n            labelPosition={labelPosition}\n            labelWidth={labelWidth}\n            hideLabel={hideLabel}\n            data-test=\"MultiColorPickerEditor\"\n        >\n            <StyledButton\n                inline={false}\n                data-test=\"MultiColorPickerButton\"\n                appearance=\"default\"\n                ref={buttonRef}\n                onClick={toggleShowFlyout}\n                disabled={isDisabled}\n                style={colorButtonStyle}\n            >\n                {ColorChips}\n            </StyledButton>\n            <Popover\n                data-test=\"MultiColorPickerFlyout\"\n                open={showFlyout}\n                anchor={buttonRef.current}\n                defaultPlacement=\"horizontal\"\n                style={popoverStyle}\n                onRequestClose={handleFlyoutClose}\n                takeFocus\n            >\n                <ColorFlyoutEditor\n                    colors={colors}\n                    CustomColorMatchEditor={CustomColorMatchEditor}\n                    handleColorRemove={handleColorRemove}\n                    handleColorChange={handleColorChange}\n                    handleColorAdd={canAddNewColors ? handleColorAdd : undefined}\n                    handleColorMove={canReorderColors ? handleColorMove : undefined}\n                    flyoutTitle={flyoutTitle}\n                    addColorButtonLabel={addColorButtonLabel}\n                />\n            </Popover>\n        </ControlGroup>\n    );\n};\n\nMultiColorPickerEditor.propTypes = {\n    ...BaseEditorPropTypes,\n    /**\n     * Colors can be reordered manually\n     */\n    canReorderColors: T.bool,\n    /**\n     * Can add a new color\n     */\n    canAddNewColors: T.bool,\n    /**\n     * List of colors\n     */\n    value: T.arrayOf(T.string),\n    /**\n     * Title of the flyout editor\n     */\n    flyoutTitle: T.string,\n    /**\n     * Button label for adding a new color row\n     */\n    addColorButtonLabel: T.string,\n    /**\n     * Custom input editor for mapping a value to color, eg: dropdown for field -> color\n     */\n    CustomColorMatchEditor: T.func,\n    /**\n     * Flag to hide the editor label\n     */\n    hideLabel: T.bool,\n};\n\nexport default MultiColorPickerEditor;\n","import React, { useState, useCallback, useMemo } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { isEqual } from 'lodash';\nimport Button from '@splunk/react-ui/Button';\nimport ColumnLayout from '@splunk/react-ui/ColumnLayout';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport MultiColorPickerEditor from './MultiColorPickerEditor';\nimport { ColorPreview } from './formatters/ColorPreview';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport PreviewWrapper from '../shared/PreviewWrapper';\nimport { VERTICAL_EDITOR_SPACING, DROPDOWN_MENU_WIDTH } from '../shared/dimensionConstants';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\n\nconst MAX_PREVIEW_COLOR_COUNT = 8;\n\n// to add more warm/cold... palettes\nexport type PaletteType = 'default' | 'custom';\n\nexport interface PaletteDefinition<P extends PaletteType = PaletteType> {\n    id: P;\n    name: string;\n    palette: string[];\n}\n\ntype Palettes = {\n    [P in PaletteType]: PaletteDefinition<P>;\n};\n\nexport const PALETTES = {\n    default: { id: 'default', name: _('Default'), palette: VIZ_CATEGORICAL },\n    custom: { id: 'custom', name: _('Custom'), palette: [] },\n} satisfies Palettes;\n\nconst NameWrapper = styled.div`\n    width: 120px;\n    margin-right: 20px;\n    display: flex;\n`;\n\nconst PaletteWrapper = styled(PreviewWrapper)`\n    display: flex;\n    align-items: center;\n`;\n\nconst ColorPreviewWrapper = styled.div`\n    flex: 1 0 1px;\n    height: 100%;\n`;\n\nconst SeriesColorsEditor = ({ label, value, name, onChange }: BaseEditorProps) => {\n    const overrideCustomPalette = useMemo(() => !!value?.length && !isEqual(value, VIZ_CATEGORICAL), [value]);\n\n    // use `value` to override the custom palette if value is not empty\n    const originalPalettes = useMemo(() => {\n        if (overrideCustomPalette) {\n            return {\n                ...PALETTES,\n                custom: { ...PALETTES.custom, palette: value },\n            };\n        }\n        return PALETTES;\n    }, [overrideCustomPalette, value]);\n\n    // selected palette ID\n    const [selectedPalette, setSelectedPalette] = useState<PaletteType>(\n        overrideCustomPalette ? 'custom' : 'default'\n    );\n    // current palettes on update\n    const [palettes, setPalettes] = useState(originalPalettes);\n\n    const handleMenuSelect = useCallback(\n        (paletteId: PaletteType) => {\n            setSelectedPalette(paletteId);\n            onChange(null, name, palettes[paletteId].palette);\n        },\n        [name, onChange, palettes]\n    );\n\n    const handleColorChange = useCallback(\n        (_evt, _name, newColors) => {\n            if (newColors.length) {\n                // override the previous custom palette\n                setPalettes(prev => ({\n                    ...prev,\n                    custom: { ...PALETTES.custom, palette: newColors },\n                }));\n                setSelectedPalette('custom');\n                onChange(null, name, newColors);\n            } else {\n                // set the colors to `Default` if MultiColorPicker returns empty array\n                setPalettes(prev => ({\n                    ...prev,\n                    custom: PALETTES.custom,\n                }));\n                setSelectedPalette('default');\n                onChange(null, name, PALETTES.default.palette);\n            }\n        },\n        [name, onChange]\n    );\n\n    const toggle = (\n        <Button\n            appearance=\"default\"\n            data-test=\"palette-dropdown-button\"\n            label={palettes[selectedPalette].name}\n            isMenu\n        />\n    );\n\n    const renderMenuItem = (paletteConfig: PaletteDefinition) => {\n        const { id, palette, name: paletteName } = paletteConfig;\n        return (\n            <Menu.Item\n                key={`SeriesColorsDropdownMenuItem-${id}`}\n                data-test={`palette-dropdown-menu-${id}`}\n                selectable\n                selected={selectedPalette === id}\n                onClick={() => handleMenuSelect(id)}\n            >\n                <PaletteWrapper>\n                    <NameWrapper>{paletteName}</NameWrapper>\n                    <ColorPreviewWrapper>\n                        <ColorPreview\n                            colors={palette.slice(0, MAX_PREVIEW_COLOR_COUNT)}\n                            maxColorCount={MAX_PREVIEW_COLOR_COUNT}\n                            expandToFillHorizontalSpace={false}\n                        />\n                    </ColorPreviewWrapper>\n                </PaletteWrapper>\n            </Menu.Item>\n        );\n    };\n\n    const isCustomPaletteAvailable = palettes.custom.palette.length > 0;\n\n    return (\n        <ColumnLayout gutter={VERTICAL_EDITOR_SPACING}>\n            <ColumnLayout.Row>\n                <ControlGroup\n                    label={label || _('Series colors')}\n                    labelPosition=\"top\"\n                    data-test=\"series-colors-editor\"\n                >\n                    <Dropdown toggle={toggle}>\n                        <Menu style={{ width: DROPDOWN_MENU_WIDTH }}>\n                            {isCustomPaletteAvailable && renderMenuItem(palettes.custom)}\n                            {isCustomPaletteAvailable && <Menu.Divider />}\n                            {renderMenuItem(PALETTES.default)}\n                        </Menu>\n                    </Dropdown>\n                </ControlGroup>\n            </ColumnLayout.Row>\n            <ColumnLayout.Row>\n                <MultiColorPickerEditor\n                    name=\"series-colors\"\n                    value={palettes[selectedPalette].palette}\n                    flyoutTitle={_('Customize colors')}\n                    addColorButtonLabel={_('Add color')}\n                    onChange={handleColorChange}\n                />\n            </ColumnLayout.Row>\n        </ColumnLayout>\n    );\n};\n\nSeriesColorsEditor.propTypes = {\n    ...BaseEditorPropTypes,\n    value: T.arrayOf(T.string),\n};\n\nexport default SeriesColorsEditor;\n","import * as React from 'react';\nimport styled from 'styled-components';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport { createDOMID } from '@splunk/ui-utils/id';\n\nconst DEFAULT_MAX_COLOR_COUNT = 7;\n\ninterface ColorPreviewWrapperProps {\n    isReversed?: boolean;\n}\n\nconst ColorPreviewWrapper = styled.div.attrs<ColorPreviewWrapperProps>(props => ({\n    'data-test': 'ColorPreviewWrapper',\n    isReversed: props.isReversed,\n}))<ColorPreviewWrapperProps>`\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n`;\n\ninterface ColorPreviewItemProps {\n    color: string;\n    widthGrow?: boolean;\n    maxColorCount?: number;\n}\n\nconst ColorPreviewItem = styled.div.attrs<ColorPreviewItemProps>(() => ({\n    'data-test': 'ColorPreviewItem',\n}))<ColorPreviewItemProps>`\n    flex-grow: ${({ widthGrow }): number => (widthGrow ? 1 : 0)};\n    width: ${({ maxColorCount }): string => `calc(100% / ${maxColorCount})`};\n    margin-right: 1px;\n    background-color: ${({ color }): string => color};\n    &:last-of-type {\n        margin-right: 0;\n    }\n`;\n\ninterface ColorPreviewProps {\n    colors: string[];\n    maxColorCount?: number;\n    expandToFillHorizontalSpace?: boolean;\n    isReversed?: boolean;\n}\n\nexport const ColorPreview: React.FunctionComponent<ColorPreviewProps> = ({\n    colors = [],\n    maxColorCount = DEFAULT_MAX_COLOR_COUNT,\n    expandToFillHorizontalSpace = true,\n    isReversed = false,\n}): React.ReactElement => {\n    const trueColors = isReversed ? [...colors].reverse() : [...colors];\n    return (\n        <ColorPreviewWrapper isReversed={isReversed}>\n            {trueColors.map(\n                (color, _i): React.ReactElement =>\n                    isColor(color) && (\n                        <ColorPreviewItem\n                            key={createDOMID()}\n                            color={color}\n                            widthGrow={expandToFillHorizontalSpace}\n                            maxColorCount={maxColorCount}\n                        />\n                    )\n            )}\n        </ColorPreviewWrapper>\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 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","import styled from 'styled-components';\n\nexport default styled.div`\n    border-radius: 3px; /* @TODO(pwied): should this be imported from SUI variables? */\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: 20px;\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","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/Color\");","module.exports = require(\"@splunk/react-ui/ColumnLayout\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Dropdown\");","module.exports = require(\"@splunk/react-ui/FormRows\");","module.exports = require(\"@splunk/react-ui/Menu\");","module.exports = require(\"@splunk/react-ui/Popover\");","module.exports = require(\"@splunk/react-ui/ScreenReaderContent\");","module.exports = require(\"@splunk/react-ui/Text\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/themes/variables\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/ui-utils/id\");","module.exports = require(\"@splunk/visualization-color-palettes\");","module.exports = require(\"@splunk/visualizations-shared/colorUtils\");","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__(5695);\n"],"names":["require","TextContainer","styled","variables","inputHeight","StyledText","Text","getColor","color","defaultColor","prevColor","newColor","trim","isColor","ColorAndTextWrapper","id","showTextInput","palette","handleColorChange","labelledBy","textWidth","value","name","handleTextColorChange","handleKeyPress","handleBlur","isDisabled","textLabelId","useMemo","createDOMID","React","Color","key","append","onChange","disabled","hideInput","ScreenReaderContent","_","prepend","onKeyDown","onBlur","style","height","inputId","propTypes","T","isRequired","defaultItemSchema","default","emptyStyle","ColorEditor","label","labelPosition","labelWidth","COLOR_EDITOR_PALETTE","noop","itemSchema","hideLabel","customEditorStyle","setColor","useState","useEffect","debouncedOnChange","debounce","useCallback","val","_event","colorToValue","toLower","event","ControlGroup","controlsLayout","popoverStyle","padding","colorButtonStyle","width","StyledButton","interactiveColorBackground","ColorChip","div","props","neutral100","StyledFlyoutContent","backgroundColorPopup","FlyoutHeader","fontFamily","contentColorActive","ColorListEditor","ColorFlyoutEditor","colors","CustomColorMatchEditor","handleColorRemove","flyoutTitle","addColorButtonLabel","handleColorAdd","handleColorMove","ColorRowItems","map","idx","Row","index","onRequestRemove","display","justifyContent","marginBottom","marginTop","addLabel","onRequestAdd","onRequestMove","MultiColorPickerEditor","canReorderColors","vizColors","VIZ_CATEGORICAL","canAddNewColors","showFlyout","setShowFlyout","setColors","buttonRef","useRef","userColorsSet","Set","nextColor","find","has","countMap","Map","forEach","set","get","minCount","Infinity","count","_evt","_name","colorsCopy","splice","e","fromIndex","toIndex","movedColor","handleFlyoutClose","reason","srcElement","sortableHandle","current","focus","ColorChips","toggleShowFlyout","isShown","inline","appearance","ref","onClick","open","anchor","defaultPlacement","onRequestClose","takeFocus","undefined","BaseEditorPropTypes","bool","arrayOf","string","func","PALETTES","custom","NameWrapper","PaletteWrapper","ColorPreviewWrapper","SeriesColorsEditor","overrideCustomPalette","length","isEqual","originalPalettes","selectedPalette","setSelectedPalette","palettes","setPalettes","handleMenuSelect","paletteId","newColors","prev","toggle","isMenu","renderMenuItem","paletteConfig","paletteName","Item","selectable","selected","ColorPreview","slice","maxColorCount","expandToFillHorizontalSpace","isCustomPaletteAvailable","gutter","VERTICAL_EDITOR_SPACING","DROPDOWN_MENU_WIDTH","Divider","attrs","isReversed","ColorPreviewItem","widthGrow","trueColors","reverse","_i","oneOfType","object","context","oneOf","number","isAdvanced","dataSourceBindings","options","optionsSchema","ControlGroupContainer","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","interactiveColorOverlayDrag","AdvancedConfigButton","content","icon","AdvancedControlGroup","dataTest","children","tooltip","help","error","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","child","cloneElement","flex","FLYOUT_PADDING","COLUMN_FLYOUT_PADDING","FLYOUT_WIDTH","editorStyle","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":""}