@splunk/dynamic-editors 0.39.0 → 0.40.0

package/editors/ColumnSelectionEditor.js

@@ -2,7 +2,7 @@
  * Copyright © 2018 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */(()=>{"use strict";var e={5731:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return i(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const a=n(o(9497)),s=n(o(23)),u=l(o(2373)),d=o(1413),c=o(9033),f=o(6801),p=o(1385),b=o(1256),g=l(o(4008)),v=o(5862),_=o(8999),m=Object.assign(Object.assign({},f.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func,filterByTypes:s.arrayOf(s.string),tooltip:s.string});t.ColumnSelectionEditor=({name:e,value:t,label:o="",labelPosition:r="top",dataSourceKey:i="primary",dataSourceBindings:n,prepareValue:l=(e=>e),onChange:s,isAdvanced:f,isDisabled:m,filterByTypes:h,tooltip:y})=>{const O=(0,p.useDataSource)({dataSourceBindings:n,dataSourceKey:i}),{columns:S,fields:M}=(null==O?void 0:O.data)||{columns:[],fields:[]},P=(0,b.getAvailableFieldsWithTypes)(S,M),j=null==t?t:(0,d.getFieldsFromDSL)(t,{[i]:O})[0]||"",[D,C]=(0,a.useState)(j);a.default.useEffect((()=>{C(j)}),[j]);const[F,x]=(0,a.useState)(""),E=P.filter((e=>-1!==e.name.indexOf(F))),T=(0,_.useColumnSelectorFooterMessage)({availableFields:P,selectedFields:[D],filteredFields:E,filter:F}),A=(0,a.useCallback)(((t,{value:o})=>{C(o);const r=l({options:{[e]:`> ${i} | seriesByName('${o}')`}});s(t,r)}),[i,e,s,l]),k=(0,a.useCallback)(((e,{keyword:t})=>{x(t)}),[]),{hasError:w,isMissing:B,isLoading:L}=(0,c.getDataSourceStateInfo)(O),I=B||w||m,q=(0,b.getPlaceholderMessage)({isMissing:B,isLoading:L,hasError:w});return a.default.createElement(g.default,{label:o,labelPosition:r,tooltip:y,isAdvanced:f},a.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:D,onFilterChange:k,onChange:A,footerMessage:T,disabled:I,placeholder:q,isLoadingOptions:L,error:w,style:v.editorStyle,filter:!0},E.map((e=>a.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==h?void 0:h.length)&&!h.find((t=>t===e.type))})))))},t.ColumnSelectionEditor.propTypes=m,t.default=t.ColumnSelectionEditor},8999:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return i(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const l=n(o(9497)),a=o(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:o,filteredFields:r,noSelectedFieldsInfo:i=!1})=>{const n=(0,l.useMemo)((()=>{if(!o||!r)return[];const e=new Set(o.filter((e=>""!==e&&void 0!==e)));return r.filter((t=>e.has(t.name)))}),[o,r]);return e&&!r.length?null:l.default.createElement(a.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:i,numSelected:null==n?void 0:n.length,numFiltered:r.length,numAvailable:t.length,filter:e})}},1385:function(e,t,o){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const i=o(9497),n=r(o(4853)),l=o(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const o=(0,i.useContext)(n.default),[r,a]=(0,i.useState)();return(0,i.useEffect)((()=>{if(!(0,l.get)(e,t))return a(null),()=>{};const r=(0,l.isFunction)(o.subscribe)&&o.subscribe(t,(e=>a(e)));return()=>{r&&r()}}),[e]),r}},6801:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return i(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const l=n(o(23));t.BaseEditorPropTypes={name:l.string.isRequired,value:l.oneOfType([l.string,l.object,l.arrayOf(l.string)]),context:l.object,label:l.string,labelPosition:l.oneOf(["top","left"]),labelWidth:l.number,onChange:l.func,isAdvanced:l.bool,isDisabled:l.bool,dataSourceBindings:l.object,options:l.object,optionsSchema:l.object}},4008:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return i(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const a=n(o(9497)),s=n(o(23)),u=l(o(232)),d=o(6649),c=l(o(6643)),f=o(3563),p=l(o(6379)),b=l(o(7020)),g=l(o(9250)),v=(0,u.default)(g.default)`
+ */(()=>{"use strict";var e={5731:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return i(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const a=n(o(9497)),s=n(o(23)),u=l(o(2373)),d=o(1413),c=o(9033),f=o(6801),p=o(1385),b=o(1256),g=l(o(4008)),v=o(5862),_=o(8999),m=Object.assign(Object.assign({},f.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func,filterByTypes:s.arrayOf(s.string),tooltip:s.string,hideEditorWhenLoading:s.bool});t.ColumnSelectionEditor=({name:e,value:t,label:o="",labelPosition:r="top",dataSourceKey:i="primary",dataSourceBindings:n,prepareValue:l=(e=>e),onChange:s,isAdvanced:f,isDisabled:m,filterByTypes:h,tooltip:y,hideEditorWhenLoading:O=!1})=>{const S=(0,p.useDataSource)({dataSourceBindings:n,dataSourceKey:i}),{columns:M,fields:P}=(null==S?void 0:S.data)||{columns:[],fields:[]},j=(0,b.getAvailableFieldsWithTypes)(M,P),D=null==t?t:(0,d.getFieldsFromDSL)(t,{[i]:S})[0]||"",[C,F]=(0,a.useState)(D);a.default.useEffect((()=>{F(D)}),[D]);const[x,E]=(0,a.useState)(""),T=j.filter((e=>-1!==e.name.indexOf(x))),A=(0,_.useColumnSelectorFooterMessage)({availableFields:j,selectedFields:[C],filteredFields:T,filter:x}),k=(0,a.useCallback)(((t,{value:o})=>{F(o);const r=l({options:{[e]:`> ${i} | seriesByName('${o}')`}});s(t,r)}),[i,e,s,l]),w=(0,a.useCallback)(((e,{keyword:t})=>{E(t)}),[]),{hasError:B,isMissing:L,isLoading:I}=(0,c.getDataSourceStateInfo)(S),q=L||B||m,N=(0,b.getPlaceholderMessage)({isMissing:L,isLoading:I,hasError:B});return(!O||!!C)&&a.default.createElement(g.default,{label:o,labelPosition:r,tooltip:y,isAdvanced:f},a.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:C,onFilterChange:w,onChange:k,footerMessage:A,disabled:q,placeholder:N,isLoadingOptions:I,error:B,style:v.editorStyle,filter:!0},T.map((e=>a.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==h?void 0:h.length)&&!h.find((t=>t===e.type))})))))},t.ColumnSelectionEditor.propTypes=m,t.default=t.ColumnSelectionEditor},8999:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return i(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const l=n(o(9497)),a=o(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:o,filteredFields:r,noSelectedFieldsInfo:i=!1})=>{const n=(0,l.useMemo)((()=>{if(!o||!r)return[];const e=new Set(o.filter((e=>""!==e&&void 0!==e)));return r.filter((t=>e.has(t.name)))}),[o,r]);return e&&!r.length?null:l.default.createElement(a.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:i,numSelected:null==n?void 0:n.length,numFiltered:r.length,numAvailable:t.length,filter:e})}},1385:function(e,t,o){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const i=o(9497),n=r(o(4853)),l=o(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const o=(0,i.useContext)(n.default),[r,a]=(0,i.useState)();return(0,i.useEffect)((()=>{if(!(0,l.get)(e,t))return a(null),()=>{};const r=(0,l.isFunction)(o.subscribe)&&o.subscribe(t,(e=>a(e)));return()=>{r&&r()}}),[e]),r}},6801:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return i(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const l=n(o(23));t.BaseEditorPropTypes={name:l.string.isRequired,value:l.oneOfType([l.string,l.object,l.arrayOf(l.string)]),context:l.object,label:l.string,labelPosition:l.oneOf(["top","left"]),labelWidth:l.number,onChange:l.func,isAdvanced:l.bool,isDisabled:l.bool,dataSourceBindings:l.object,options:l.object,optionsSchema:l.object}},4008:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return i(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const a=n(o(9497)),s=n(o(23)),u=l(o(232)),d=o(6649),c=l(o(6643)),f=o(3563),p=l(o(6379)),b=l(o(7020)),g=l(o(9250)),v=(0,u.default)(g.default)`
     margin-top: 0;
     padding: 0;
     // adjust bottom margin according to theme

package/editors/ColumnSelectionEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSelectionEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/ColumnSelectionEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/useColumnSelectorFooterMessage.tsx","webpack://@splunk/dynamic-editors/./src/hooks/useDataSource.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/ColumnSelectorFooterMessage.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","webpack://@splunk/dynamic-editors/./src/utils/columnSelectionUtils.ts","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Select\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Tooltip\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/themes\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/format\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/DataSourceContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/utils/dsl\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/utils/types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/dataSourceUtils\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/startup"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport * as T from 'prop-types';\nimport Select from '@splunk/react-ui/Select';\nimport { getFieldsFromDSL } from '@splunk/visualization-encoding/utils/dsl';\nimport { getDataSourceStateInfo } from '@splunk/visualizations-shared/dataSourceUtils';\nimport { DataType } from '@splunk/visualization-encoding/DataPrimitive';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\nimport { useDataSource } from '../hooks/useDataSource';\nimport { getAvailableFieldsWithTypes, getPlaceholderMessage } from '../utils/columnSelectionUtils';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport { editorStyle } from '../shared/dimensionConstants';\nimport { useColumnSelectorFooterMessage } from './useColumnSelectorFooterMessage';\n\ninterface ColumnSelectionEditorProps extends BaseEditorProps {\n    dataSourceKey: string;\n    prepareValue?: (id: Record<string, any>) => Record<string, any>;\n    filterByTypes?: DataType[];\n    tooltip?: string;\n}\nconst propTypes: Record<keyof ColumnSelectionEditorProps, T.Validator<any>> = {\n    ...BaseEditorPropTypes,\n    dataSourceKey: T.string.isRequired,\n    prepareValue: T.func,\n    filterByTypes: T.arrayOf(T.string),\n    tooltip: T.string,\n};\nexport const ColumnSelectionEditor: React.FunctionComponent<ColumnSelectionEditorProps> = ({\n    name,\n    value,\n    label = '',\n    labelPosition = 'top',\n    dataSourceKey = 'primary',\n    dataSourceBindings,\n    prepareValue = (id: Record<string, unknown>): Record<string, unknown> => id,\n    onChange,\n    isAdvanced,\n    isDisabled,\n    filterByTypes,\n    tooltip,\n}) => {\n    const dataSource = useDataSource({ dataSourceBindings, dataSourceKey });\n    const { columns, fields } = dataSource?.data || { columns: [], fields: [] };\n    const availableFieldsWithTypes = getAvailableFieldsWithTypes(columns, fields);\n    // return `value` if `value` is undefined or null so editor shows placeholder message\n    const fieldName =\n        value == null\n            ? value\n            : getFieldsFromDSL(value, {\n                  [dataSourceKey]: dataSource,\n              })[0] || '';\n    const [selectedField, setSelectedField] = useState(fieldName);\n    React.useEffect((): void => {\n        setSelectedField(fieldName);\n    }, [fieldName]);\n    const [filter, setFilter] = useState('');\n    const filteredFields = availableFieldsWithTypes.filter(\n        (field): boolean => field.name.indexOf(filter) !== -1\n    );\n    const footerMessage = useColumnSelectorFooterMessage({\n        availableFields: availableFieldsWithTypes,\n        selectedFields: [selectedField],\n        filteredFields,\n        filter,\n    });\n\n    const handleValueChange = useCallback(\n        (event, { value: selectedValue }): void => {\n            setSelectedField(selectedValue);\n            const update = prepareValue({\n                options: {\n                    [name]: `> ${dataSourceKey} | seriesByName('${selectedValue}')`,\n                },\n            });\n            onChange(event, update);\n        },\n        [dataSourceKey, name, onChange, prepareValue]\n    );\n\n    const handleFilterChange = useCallback((e, { keyword }): void => {\n        setFilter(keyword);\n    }, []);\n    const { hasError, isMissing, isLoading } = getDataSourceStateInfo(dataSource);\n    const disabled = isMissing || hasError || isDisabled;\n    const placeholderMessage = getPlaceholderMessage({ isMissing, isLoading, hasError });\n\n    return (\n        <ControlGroup label={label} labelPosition={labelPosition} tooltip={tooltip} isAdvanced={isAdvanced}>\n            <Select\n                data-test=\"ColumnSelectionEditor\"\n                value={selectedField}\n                onFilterChange={handleFilterChange}\n                onChange={handleValueChange}\n                footerMessage={footerMessage}\n                disabled={disabled}\n                placeholder={placeholderMessage}\n                isLoadingOptions={isLoading}\n                error={hasError}\n                style={editorStyle}\n                filter\n            >\n                {filteredFields.map(field => (\n                    <Select.Option\n                        key={field.name}\n                        label={`${field.name} (${field.type})`}\n                        value={field.name}\n                        disabled={!!filterByTypes?.length && !filterByTypes.find(f => f === field.type)}\n                    />\n                ))}\n            </Select>\n        </ControlGroup>\n    );\n};\nColumnSelectionEditor.propTypes = propTypes;\n\nexport default ColumnSelectionEditor;\n","import React, { useMemo } from 'react';\nimport { ColumnSelectorFooterMessage } from '../shared/ColumnSelectorFooterMessage';\nimport type { FieldTuple } from '../utils/columnSelectionUtils';\n\ntype ObjectWithName = {\n    name: string;\n    [key: string]: string;\n};\n\ntype Fields = FieldTuple[] | ObjectWithName[];\n\ninterface FooterMessageProps {\n    noSelectedFieldsInfo?: boolean;\n    filter: string;\n    availableFields: Fields;\n    selectedFields?: string[];\n    filteredFields: Fields;\n}\n\nexport const useColumnSelectorFooterMessage = ({\n    filter,\n    availableFields,\n    selectedFields,\n    filteredFields,\n    noSelectedFieldsInfo = false,\n}: FooterMessageProps) => {\n    const selectedFilteredFields = useMemo(() => {\n        if (!selectedFields || !filteredFields) return [];\n\n        const validSelectedFields = new Set(\n            selectedFields.filter(field => field !== '' && field !== undefined)\n        );\n\n        return filteredFields.filter(item => validSelectedFields.has(item.name));\n    }, [selectedFields, filteredFields]);\n\n    // make sure to display only 'No matches' text when there is no result of filtering\n    if (filter && !filteredFields.length) {\n        return null;\n    }\n\n    return (\n        <ColumnSelectorFooterMessage\n            noSelectedFieldsInfo={noSelectedFieldsInfo}\n            numSelected={selectedFilteredFields?.length} // if no filter is applied filteredFields equal availableFields\n            numFiltered={filteredFields.length}\n            numAvailable={availableFields.length}\n            filter={filter}\n        />\n    );\n};\n","import { useState, useEffect, useContext } from 'react';\nimport DataSourceContext, {\n    type BindingsSnapshot,\n    type DataSourceApi,\n} from '@splunk/visualization-context/DataSourceContext';\nimport { get, isFunction } from 'lodash';\n\ninterface UseDataSourceParams {\n    dataSourceBindings: BindingsSnapshot;\n    dataSourceKey: string;\n}\n// @TODO(pwied): use DataSource interface in return type (w/o dependency on @splunk/visualizations)\nexport const useDataSource = ({\n    dataSourceBindings,\n    dataSourceKey,\n}: UseDataSourceParams): BindingsSnapshot => {\n    const dataSourceApi = useContext<DataSourceApi>(DataSourceContext);\n    const [dataSource, setDataSource] = useState<BindingsSnapshot>();\n    useEffect((): (() => void) => {\n        if (!get(dataSourceBindings, dataSourceKey)) {\n            setDataSource(null);\n            return () => undefined;\n        }\n        const unsubscribe =\n            isFunction(dataSourceApi.subscribe) &&\n            dataSourceApi.subscribe(dataSourceKey, (snapshot): void => setDataSource(snapshot));\n        return () => {\n            if (unsubscribe) {\n                unsubscribe();\n            }\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dataSourceBindings]);\n    return dataSource;\n};\n","import * as T from 'prop-types';\nimport type { JSONSchema7 } from 'json-schema';\n\nexport interface BaseEditorProps {\n    name: string;\n    value: any;\n    onChange?: (...args: any[]) => void;\n    label?: string; // @TODO(pwied): this should not live in editor props\n    labelPosition?: 'top' | 'left'; // ^^^\n    context?: Record<string, any>;\n    labelWidth?: number;\n    isAdvanced?: boolean;\n    isDisabled?: boolean;\n    dataSourceBindings?: Record<string, any>;\n    options?: { [k: string]: any };\n    optionsSchema?: {\n        [key: string]: JSONSchema7;\n    };\n}\n\nexport const BaseEditorPropTypes: Record<keyof BaseEditorProps, T.Validator<any>> = {\n    name: T.string.isRequired,\n    value: T.oneOfType([T.string, T.object, T.arrayOf(T.string)]),\n    context: T.object,\n    label: T.string,\n    labelPosition: T.oneOf(['top', 'left']),\n    labelWidth: T.number,\n    onChange: T.func,\n    isAdvanced: T.bool,\n    isDisabled: T.bool,\n    dataSourceBindings: T.object,\n    options: T.object,\n    optionsSchema: T.object,\n};\n","import React, { Children, cloneElement } from 'react';\nimport type { ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup from '@splunk/react-ui/ControlGroup';\nimport type { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n    'data-test'?: string;\n    style?: Record<string, string | number>;\n    isAdvanced?: boolean;\n    onClick?: React.MouseEventHandler<HTMLDivElement>;\n    onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n    label?: string;\n    onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n    margin-top: 0;\n    padding: 0;\n    // adjust bottom margin according to theme\n    margin-bottom: ${variables.spacingMedium};\n    width: 100%;\n\n    // remove top margin of the first component in control group\n    &:first-child {\n        margin-top: 0;\n    }\n\n    // remove bottom margin of the last component in control group\n    &:last-child {\n        margin-bottom: 0;\n    }\n    // remove top padding on label of the first control group\n    [data-test='label']:first-of-type {\n        padding-top: 0;\n    }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n    display: flex;\n    > span {\n        display: flex;\n        width: 35px;\n    }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.interactiveColorOverlayDrag} !important;\n    }\n`;\n\nexport const AdvancedConfigButton = ({\n    label = '',\n    onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n    return (\n        <StyledToolTip\n            data-test={`${label}-advanced-config-button-tooltip`}\n            content={_('Advanced configurations')}\n        >\n            <StyledAdvancedConfigButton\n                data-test={`${label}-advanced-config-button`}\n                icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n                appearance=\"subtle\"\n                onClick={onClick}\n            />\n        </StyledToolTip>\n    );\n};\n\nconst AdvancedControlGroup = ({\n    'data-test': dataTest,\n    children,\n    isAdvanced = false,\n    label,\n    hideLabel,\n    labelPosition,\n    labelWidth,\n    tooltip,\n    help,\n    style,\n    error,\n    controlsLayout,\n    onClick,\n    onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n    <ControlGroupContainer\n        data-test={dataTest ?? 'control-group'}\n        label={label}\n        hideLabel={hideLabel}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        tooltip={tooltip}\n        help={help}\n        error={error}\n        style={style}\n        onClick={onClick}\n        controlsLayout={controlsLayout}\n    >\n        {isAdvanced\n            ? Children.toArray(children)\n                  .filter(Boolean)\n                  .map(child =>\n                      cloneElement(child as ReactElement, {\n                          style: { flex: 1 },\n                      })\n                  )\n            : children}\n        {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n    </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n    /**\n     * Style overriding SUI ControlGroup\n     */\n    style: T.object,\n    /**\n     * Whether the current editor is enabled with advanced configurations\n     */\n    isAdvanced: T.bool,\n    /**\n     * Callback for editor click\n     */\n    onClick: T.func,\n    /**\n     * Callback for advanced config button click\n     */\n    onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","import * as React from 'react';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { useMemo } from 'react';\n\ninterface FooterProps {\n    filter: string;\n    numSelected?: number;\n    numFiltered: number;\n    numAvailable: number;\n    noSelectedFieldsInfo?: boolean; // it is needed for AddColumn component which has different logic than other selection editors\n}\n\nexport const ColumnSelectorFooterMessage = ({\n    numSelected,\n    numFiltered,\n    numAvailable,\n    filter,\n    noSelectedFieldsInfo,\n}: FooterProps) => {\n    const footerMessageText = useMemo(() => {\n        if (filter) {\n            if (noSelectedFieldsInfo) {\n                return sprintf(_('%(filtered)d filtered from %(available)d fields'), {\n                    filtered: numFiltered,\n                    available: numAvailable,\n                });\n            }\n            return sprintf(_('%(selected)d selected from %(filtered)d filtered'), {\n                selected: numSelected,\n                filtered: numFiltered,\n            });\n        }\n        return noSelectedFieldsInfo\n            ? sprintf(_('%(shown)d of %(available)d fields'), {\n                  shown: numFiltered,\n                  available: numAvailable,\n              })\n            : sprintf(_('%(selected)d selected from %(available)d'), {\n                  selected: numSelected,\n                  available: numAvailable,\n              });\n    }, [filter, noSelectedFieldsInfo, numFiltered, numAvailable, numSelected]);\n\n    return (\n        <span data-test=\"footer-message\" aria-live=\"polite\" aria-atomic=\"true\">\n            {footerMessageText}\n        </span>\n    );\n};\n","export const FLYOUT_PADDING = 21;\nexport const COLUMN_FLYOUT_PADDING = 16;\nexport const FLYOUT_WIDTH = 344;\n\nexport const VERTICAL_EDITOR_SPACING = 16;\n\nexport const DROPDOWN_MENU_WIDTH = 327;\n\nexport const editorStyle = { width: '100%' };\n","import { _ } from '@splunk/ui-utils/i18n';\nimport {\n    inferDataTypeFromData,\n    canInferTypeFromMeta,\n    getDataTypeForMeta,\n} from '@splunk/visualization-encoding/utils/types';\n\nexport interface FieldTuple {\n    name: string;\n    type: string;\n}\n\nexport const getAvailableFieldsWithTypes = (\n    columns: unknown[][],\n    fields: { name: string; type?: string }[]\n): FieldTuple[] => {\n    const fieldsWithType = fields.map((field, index) => {\n        const { name } = field;\n        const inferredType = canInferTypeFromMeta(field)\n            ? getDataTypeForMeta(field)\n            : inferDataTypeFromData(columns[index]);\n        return {\n            name,\n            type: inferredType,\n        };\n    });\n    return fieldsWithType;\n};\n\nexport const getFilteredFields = (availableFieldsWithTypes: FieldTuple[], filter: string): FieldTuple[] => {\n    return availableFieldsWithTypes.filter((field): boolean => field.name.indexOf(filter) !== -1);\n};\n\nexport const sanitizeFieldNames = (value: unknown, fieldNames: string[]): string[] => {\n    if (typeof value === 'string' && fieldNames.includes(value)) {\n        return [value];\n    }\n    if (Array.isArray(value)) {\n        return value.filter(name => fieldNames.includes(name));\n    }\n    return [];\n};\n\nexport const getPlaceholderMessage = ({\n    hasError,\n    isLoading,\n    isMissing,\n    defaultMessage = 'Select a field from data source',\n}: {\n    hasError: boolean;\n    isLoading: boolean;\n    isMissing: boolean;\n    defaultMessage?: string;\n}): string => {\n    if (isMissing) {\n        return _('Set up data source to select');\n    }\n    if (hasError) {\n        return _('Please set up valid data source to select');\n    }\n    if (isLoading) {\n        return _('Loading data source...');\n    }\n    return _(defaultMessage);\n};\n","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Select\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/format\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualization-context/DataSourceContext\");","module.exports = require(\"@splunk/visualization-encoding/utils/dsl\");","module.exports = require(\"@splunk/visualization-encoding/utils/types\");","module.exports = require(\"@splunk/visualizations-shared/dataSourceUtils\");","module.exports = require(\"lodash\");","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// 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__(5731);\n"],"names":["propTypes","BaseEditorPropTypes","dataSourceKey","T","string","isRequired","prepareValue","func","filterByTypes","arrayOf","tooltip","ColumnSelectionEditor","name","value","label","labelPosition","dataSourceBindings","id","onChange","isAdvanced","isDisabled","dataSource","useDataSource","columns","fields","data","availableFieldsWithTypes","getAvailableFieldsWithTypes","fieldName","getFieldsFromDSL","selectedField","setSelectedField","useState","useEffect","filter","setFilter","filteredFields","field","indexOf","footerMessage","useColumnSelectorFooterMessage","availableFields","selectedFields","handleValueChange","useCallback","event","selectedValue","update","options","handleFilterChange","e","keyword","hasError","isMissing","isLoading","getDataSourceStateInfo","disabled","placeholderMessage","getPlaceholderMessage","onFilterChange","placeholder","isLoadingOptions","error","style","editorStyle","map","Option","key","type","length","find","f","noSelectedFieldsInfo","selectedFilteredFields","useMemo","validSelectedFields","Set","undefined","item","has","ColumnSelectorFooterMessage","numSelected","numFiltered","numAvailable","dataSourceApi","useContext","setDataSource","get","unsubscribe","isFunction","subscribe","snapshot","oneOfType","object","context","oneOf","labelWidth","number","bool","optionsSchema","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","hideLabel","help","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","Boolean","child","cloneElement","flex","footerMessageText","sprintf","filtered","available","selected","shown","FLYOUT_PADDING","COLUMN_FLYOUT_PADDING","FLYOUT_WIDTH","VERTICAL_EDITOR_SPACING","DROPDOWN_MENU_WIDTH","width","index","canInferTypeFromMeta","getDataTypeForMeta","inferDataTypeFromData","getFilteredFields","sanitizeFieldNames","fieldNames","includes","Array","isArray","defaultMessage","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","call"],"sourceRoot":""}
+{"version":3,"file":"ColumnSelectionEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/ColumnSelectionEditor.tsx","webpack://@splunk/dynamic-editors/./src/editors/useColumnSelectorFooterMessage.tsx","webpack://@splunk/dynamic-editors/./src/hooks/useDataSource.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/ColumnSelectorFooterMessage.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","webpack://@splunk/dynamic-editors/./src/utils/columnSelectionUtils.ts","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Select\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Tooltip\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/themes\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/format\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/ui-utils/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-context/DataSourceContext\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/utils/dsl\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualization-encoding/utils/types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/dataSourceUtils\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/startup"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport * as T from 'prop-types';\nimport Select from '@splunk/react-ui/Select';\nimport { getFieldsFromDSL } from '@splunk/visualization-encoding/utils/dsl';\nimport { getDataSourceStateInfo } from '@splunk/visualizations-shared/dataSourceUtils';\nimport { DataType } from '@splunk/visualization-encoding/DataPrimitive';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\nimport { useDataSource } from '../hooks/useDataSource';\nimport { getAvailableFieldsWithTypes, getPlaceholderMessage } from '../utils/columnSelectionUtils';\nimport ControlGroup from '../shared/AdvancedControlGroup';\nimport { editorStyle } from '../shared/dimensionConstants';\nimport { useColumnSelectorFooterMessage } from './useColumnSelectorFooterMessage';\n\ninterface ColumnSelectionEditorProps extends BaseEditorProps {\n    dataSourceKey: string;\n    prepareValue?: (id: Record<string, any>) => Record<string, any>;\n    filterByTypes?: DataType[];\n    tooltip?: string;\n    hideEditorWhenLoading?: boolean;\n}\nconst propTypes: Record<keyof ColumnSelectionEditorProps, T.Validator<any>> = {\n    ...BaseEditorPropTypes,\n    dataSourceKey: T.string.isRequired,\n    prepareValue: T.func,\n    filterByTypes: T.arrayOf(T.string),\n    tooltip: T.string,\n    hideEditorWhenLoading: T.bool,\n};\nexport const ColumnSelectionEditor: React.FunctionComponent<ColumnSelectionEditorProps> = ({\n    name,\n    value,\n    label = '',\n    labelPosition = 'top',\n    dataSourceKey = 'primary',\n    dataSourceBindings,\n    prepareValue = (id: Record<string, unknown>): Record<string, unknown> => id,\n    onChange,\n    isAdvanced,\n    isDisabled,\n    filterByTypes,\n    tooltip,\n    hideEditorWhenLoading = false,\n}) => {\n    const dataSource = useDataSource({ dataSourceBindings, dataSourceKey });\n    const { columns, fields } = dataSource?.data || { columns: [], fields: [] };\n    const availableFieldsWithTypes = getAvailableFieldsWithTypes(columns, fields);\n    // return `value` if `value` is undefined or null so editor shows placeholder message\n    const fieldName =\n        value == null\n            ? value\n            : getFieldsFromDSL(value, {\n                  [dataSourceKey]: dataSource,\n              })[0] || '';\n    const [selectedField, setSelectedField] = useState(fieldName);\n    React.useEffect((): void => {\n        setSelectedField(fieldName);\n    }, [fieldName]);\n    const [filter, setFilter] = useState('');\n    const filteredFields = availableFieldsWithTypes.filter(\n        (field): boolean => field.name.indexOf(filter) !== -1\n    );\n    const footerMessage = useColumnSelectorFooterMessage({\n        availableFields: availableFieldsWithTypes,\n        selectedFields: [selectedField],\n        filteredFields,\n        filter,\n    });\n\n    const handleValueChange = useCallback(\n        (event, { value: selectedValue }): void => {\n            setSelectedField(selectedValue);\n            const update = prepareValue({\n                options: {\n                    [name]: `> ${dataSourceKey} | seriesByName('${selectedValue}')`,\n                },\n            });\n            onChange(event, update);\n        },\n        [dataSourceKey, name, onChange, prepareValue]\n    );\n\n    const handleFilterChange = useCallback((e, { keyword }): void => {\n        setFilter(keyword);\n    }, []);\n    const { hasError, isMissing, isLoading } = getDataSourceStateInfo(dataSource);\n    const disabled = isMissing || hasError || isDisabled;\n    const placeholderMessage = getPlaceholderMessage({ isMissing, isLoading, hasError });\n    const shouldRenderEditor = hideEditorWhenLoading ? !!selectedField : true;\n\n    return (\n        shouldRenderEditor && (\n            <ControlGroup\n                label={label}\n                labelPosition={labelPosition}\n                tooltip={tooltip}\n                isAdvanced={isAdvanced}\n            >\n                <Select\n                    data-test=\"ColumnSelectionEditor\"\n                    value={selectedField}\n                    onFilterChange={handleFilterChange}\n                    onChange={handleValueChange}\n                    footerMessage={footerMessage}\n                    disabled={disabled}\n                    placeholder={placeholderMessage}\n                    isLoadingOptions={isLoading}\n                    error={hasError}\n                    style={editorStyle}\n                    filter\n                >\n                    {filteredFields.map(field => (\n                        <Select.Option\n                            key={field.name}\n                            label={`${field.name} (${field.type})`}\n                            value={field.name}\n                            disabled={!!filterByTypes?.length && !filterByTypes.find(f => f === field.type)}\n                        />\n                    ))}\n                </Select>\n            </ControlGroup>\n        )\n    );\n};\nColumnSelectionEditor.propTypes = propTypes;\n\nexport default ColumnSelectionEditor;\n","import React, { useMemo } from 'react';\nimport { ColumnSelectorFooterMessage } from '../shared/ColumnSelectorFooterMessage';\nimport type { FieldTuple } from '../utils/columnSelectionUtils';\n\ntype ObjectWithName = {\n    name: string;\n    [key: string]: string;\n};\n\ntype Fields = FieldTuple[] | ObjectWithName[];\n\ninterface FooterMessageProps {\n    noSelectedFieldsInfo?: boolean;\n    filter: string;\n    availableFields: Fields;\n    selectedFields?: string[];\n    filteredFields: Fields;\n}\n\nexport const useColumnSelectorFooterMessage = ({\n    filter,\n    availableFields,\n    selectedFields,\n    filteredFields,\n    noSelectedFieldsInfo = false,\n}: FooterMessageProps) => {\n    const selectedFilteredFields = useMemo(() => {\n        if (!selectedFields || !filteredFields) return [];\n\n        const validSelectedFields = new Set(\n            selectedFields.filter(field => field !== '' && field !== undefined)\n        );\n\n        return filteredFields.filter(item => validSelectedFields.has(item.name));\n    }, [selectedFields, filteredFields]);\n\n    // make sure to display only 'No matches' text when there is no result of filtering\n    if (filter && !filteredFields.length) {\n        return null;\n    }\n\n    return (\n        <ColumnSelectorFooterMessage\n            noSelectedFieldsInfo={noSelectedFieldsInfo}\n            numSelected={selectedFilteredFields?.length} // if no filter is applied filteredFields equal availableFields\n            numFiltered={filteredFields.length}\n            numAvailable={availableFields.length}\n            filter={filter}\n        />\n    );\n};\n","import { useState, useEffect, useContext } from 'react';\nimport DataSourceContext, {\n    type BindingsSnapshot,\n    type DataSourceApi,\n} from '@splunk/visualization-context/DataSourceContext';\nimport { get, isFunction } from 'lodash';\n\ninterface UseDataSourceParams {\n    dataSourceBindings: BindingsSnapshot;\n    dataSourceKey: string;\n}\n// @TODO(pwied): use DataSource interface in return type (w/o dependency on @splunk/visualizations)\nexport const useDataSource = ({\n    dataSourceBindings,\n    dataSourceKey,\n}: UseDataSourceParams): BindingsSnapshot => {\n    const dataSourceApi = useContext<DataSourceApi>(DataSourceContext);\n    const [dataSource, setDataSource] = useState<BindingsSnapshot>();\n    useEffect((): (() => void) => {\n        if (!get(dataSourceBindings, dataSourceKey)) {\n            setDataSource(null);\n            return () => undefined;\n        }\n        const unsubscribe =\n            isFunction(dataSourceApi.subscribe) &&\n            dataSourceApi.subscribe(dataSourceKey, (snapshot): void => setDataSource(snapshot));\n        return () => {\n            if (unsubscribe) {\n                unsubscribe();\n            }\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dataSourceBindings]);\n    return dataSource;\n};\n","import * as T from 'prop-types';\nimport type { JSONSchema7 } from 'json-schema';\n\nexport interface BaseEditorProps {\n    name: string;\n    value: any;\n    onChange?: (...args: any[]) => void;\n    label?: string; // @TODO(pwied): this should not live in editor props\n    labelPosition?: 'top' | 'left'; // ^^^\n    context?: Record<string, any>;\n    labelWidth?: number;\n    isAdvanced?: boolean;\n    isDisabled?: boolean;\n    dataSourceBindings?: Record<string, any>;\n    options?: { [k: string]: any };\n    optionsSchema?: {\n        [key: string]: JSONSchema7;\n    };\n}\n\nexport const BaseEditorPropTypes: Record<keyof BaseEditorProps, T.Validator<any>> = {\n    name: T.string.isRequired,\n    value: T.oneOfType([T.string, T.object, T.arrayOf(T.string)]),\n    context: T.object,\n    label: T.string,\n    labelPosition: T.oneOf(['top', 'left']),\n    labelWidth: T.number,\n    onChange: T.func,\n    isAdvanced: T.bool,\n    isDisabled: T.bool,\n    dataSourceBindings: T.object,\n    options: T.object,\n    optionsSchema: T.object,\n};\n","import React, { Children, cloneElement } from 'react';\nimport type { ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup from '@splunk/react-ui/ControlGroup';\nimport type { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n    'data-test'?: string;\n    style?: Record<string, string | number>;\n    isAdvanced?: boolean;\n    onClick?: React.MouseEventHandler<HTMLDivElement>;\n    onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n    label?: string;\n    onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n    margin-top: 0;\n    padding: 0;\n    // adjust bottom margin according to theme\n    margin-bottom: ${variables.spacingMedium};\n    width: 100%;\n\n    // remove top margin of the first component in control group\n    &:first-child {\n        margin-top: 0;\n    }\n\n    // remove bottom margin of the last component in control group\n    &:last-child {\n        margin-bottom: 0;\n    }\n    // remove top padding on label of the first control group\n    [data-test='label']:first-of-type {\n        padding-top: 0;\n    }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n    display: flex;\n    > span {\n        display: flex;\n        width: 35px;\n    }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.interactiveColorOverlayDrag} !important;\n    }\n`;\n\nexport const AdvancedConfigButton = ({\n    label = '',\n    onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n    return (\n        <StyledToolTip\n            data-test={`${label}-advanced-config-button-tooltip`}\n            content={_('Advanced configurations')}\n        >\n            <StyledAdvancedConfigButton\n                data-test={`${label}-advanced-config-button`}\n                icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n                appearance=\"subtle\"\n                onClick={onClick}\n            />\n        </StyledToolTip>\n    );\n};\n\nconst AdvancedControlGroup = ({\n    'data-test': dataTest,\n    children,\n    isAdvanced = false,\n    label,\n    hideLabel,\n    labelPosition,\n    labelWidth,\n    tooltip,\n    help,\n    style,\n    error,\n    controlsLayout,\n    onClick,\n    onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n    <ControlGroupContainer\n        data-test={dataTest ?? 'control-group'}\n        label={label}\n        hideLabel={hideLabel}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        tooltip={tooltip}\n        help={help}\n        error={error}\n        style={style}\n        onClick={onClick}\n        controlsLayout={controlsLayout}\n    >\n        {isAdvanced\n            ? Children.toArray(children)\n                  .filter(Boolean)\n                  .map(child =>\n                      cloneElement(child as ReactElement, {\n                          style: { flex: 1 },\n                      })\n                  )\n            : children}\n        {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n    </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n    /**\n     * Style overriding SUI ControlGroup\n     */\n    style: T.object,\n    /**\n     * Whether the current editor is enabled with advanced configurations\n     */\n    isAdvanced: T.bool,\n    /**\n     * Callback for editor click\n     */\n    onClick: T.func,\n    /**\n     * Callback for advanced config button click\n     */\n    onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","import * as React from 'react';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { useMemo } from 'react';\n\ninterface FooterProps {\n    filter: string;\n    numSelected?: number;\n    numFiltered: number;\n    numAvailable: number;\n    noSelectedFieldsInfo?: boolean; // it is needed for AddColumn component which has different logic than other selection editors\n}\n\nexport const ColumnSelectorFooterMessage = ({\n    numSelected,\n    numFiltered,\n    numAvailable,\n    filter,\n    noSelectedFieldsInfo,\n}: FooterProps) => {\n    const footerMessageText = useMemo(() => {\n        if (filter) {\n            if (noSelectedFieldsInfo) {\n                return sprintf(_('%(filtered)d filtered from %(available)d fields'), {\n                    filtered: numFiltered,\n                    available: numAvailable,\n                });\n            }\n            return sprintf(_('%(selected)d selected from %(filtered)d filtered'), {\n                selected: numSelected,\n                filtered: numFiltered,\n            });\n        }\n        return noSelectedFieldsInfo\n            ? sprintf(_('%(shown)d of %(available)d fields'), {\n                  shown: numFiltered,\n                  available: numAvailable,\n              })\n            : sprintf(_('%(selected)d selected from %(available)d'), {\n                  selected: numSelected,\n                  available: numAvailable,\n              });\n    }, [filter, noSelectedFieldsInfo, numFiltered, numAvailable, numSelected]);\n\n    return (\n        <span data-test=\"footer-message\" aria-live=\"polite\" aria-atomic=\"true\">\n            {footerMessageText}\n        </span>\n    );\n};\n","export const FLYOUT_PADDING = 21;\nexport const COLUMN_FLYOUT_PADDING = 16;\nexport const FLYOUT_WIDTH = 344;\n\nexport const VERTICAL_EDITOR_SPACING = 16;\n\nexport const DROPDOWN_MENU_WIDTH = 327;\n\nexport const editorStyle = { width: '100%' };\n","import { _ } from '@splunk/ui-utils/i18n';\nimport {\n    inferDataTypeFromData,\n    canInferTypeFromMeta,\n    getDataTypeForMeta,\n} from '@splunk/visualization-encoding/utils/types';\n\nexport interface FieldTuple {\n    name: string;\n    type: string;\n}\n\nexport const getAvailableFieldsWithTypes = (\n    columns: unknown[][],\n    fields: { name: string; type?: string }[]\n): FieldTuple[] => {\n    const fieldsWithType = fields.map((field, index) => {\n        const { name } = field;\n        const inferredType = canInferTypeFromMeta(field)\n            ? getDataTypeForMeta(field)\n            : inferDataTypeFromData(columns[index]);\n        return {\n            name,\n            type: inferredType,\n        };\n    });\n    return fieldsWithType;\n};\n\nexport const getFilteredFields = (availableFieldsWithTypes: FieldTuple[], filter: string): FieldTuple[] => {\n    return availableFieldsWithTypes.filter((field): boolean => field.name.indexOf(filter) !== -1);\n};\n\nexport const sanitizeFieldNames = (value: unknown, fieldNames: string[]): string[] => {\n    if (typeof value === 'string' && fieldNames.includes(value)) {\n        return [value];\n    }\n    if (Array.isArray(value)) {\n        return value.filter(name => fieldNames.includes(name));\n    }\n    return [];\n};\n\nexport const getPlaceholderMessage = ({\n    hasError,\n    isLoading,\n    isMissing,\n    defaultMessage = 'Select a field from data source',\n}: {\n    hasError: boolean;\n    isLoading: boolean;\n    isMissing: boolean;\n    defaultMessage?: string;\n}): string => {\n    if (isMissing) {\n        return _('Set up data source to select');\n    }\n    if (hasError) {\n        return _('Please set up valid data source to select');\n    }\n    if (isLoading) {\n        return _('Loading data source...');\n    }\n    return _(defaultMessage);\n};\n","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Select\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/format\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualization-context/DataSourceContext\");","module.exports = require(\"@splunk/visualization-encoding/utils/dsl\");","module.exports = require(\"@splunk/visualization-encoding/utils/types\");","module.exports = require(\"@splunk/visualizations-shared/dataSourceUtils\");","module.exports = require(\"lodash\");","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// 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__(5731);\n"],"names":["propTypes","BaseEditorPropTypes","dataSourceKey","T","string","isRequired","prepareValue","func","filterByTypes","arrayOf","tooltip","hideEditorWhenLoading","bool","ColumnSelectionEditor","name","value","label","labelPosition","dataSourceBindings","id","onChange","isAdvanced","isDisabled","dataSource","useDataSource","columns","fields","data","availableFieldsWithTypes","getAvailableFieldsWithTypes","fieldName","getFieldsFromDSL","selectedField","setSelectedField","useState","useEffect","filter","setFilter","filteredFields","field","indexOf","footerMessage","useColumnSelectorFooterMessage","availableFields","selectedFields","handleValueChange","useCallback","event","selectedValue","update","options","handleFilterChange","e","keyword","hasError","isMissing","isLoading","getDataSourceStateInfo","disabled","placeholderMessage","getPlaceholderMessage","onFilterChange","placeholder","isLoadingOptions","error","style","editorStyle","map","Option","key","type","length","find","f","noSelectedFieldsInfo","selectedFilteredFields","useMemo","validSelectedFields","Set","undefined","item","has","ColumnSelectorFooterMessage","numSelected","numFiltered","numAvailable","dataSourceApi","useContext","setDataSource","get","unsubscribe","isFunction","subscribe","snapshot","oneOfType","object","context","oneOf","labelWidth","number","optionsSchema","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","hideLabel","help","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","Boolean","child","cloneElement","flex","footerMessageText","sprintf","filtered","available","selected","shown","FLYOUT_PADDING","COLUMN_FLYOUT_PADDING","FLYOUT_WIDTH","VERTICAL_EDITOR_SPACING","DROPDOWN_MENU_WIDTH","width","index","canInferTypeFromMeta","getDataTypeForMeta","inferDataTypeFromData","getFilteredFields","sanitizeFieldNames","fieldNames","includes","Array","isArray","defaultMessage","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","call"],"sourceRoot":""}

package/editors/DynamicItemEditor.js

@@ -2,16 +2,16 @@
  * Copyright © 2018 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */(()=>{"use strict";var e={5456:(e,t,r)=>{r.r(t),r.d(t,{default:()=>x});var a=r(6195),n=r.n(a),l=r(9497),i=r.n(l),o=r(23),s=r.n(o),u=r(232),c=r.n(u),d=r(4793),f=r(6649),p=r(8965),b=r.n(p),m=r(9967),g=r(4008),v=r.n(g);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){n()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const _=c().div`
+ */(()=>{"use strict";var e={5456:(e,t,r)=>{r.r(t),r.d(t,{default:()=>x});var a=r(6195),n=r.n(a),l=r(9497),i=r.n(l),o=r(23),s=r.n(o),u=r(232),d=r.n(u),c=r(4793),f=r(6649),p=r(8965),b=r.n(p),m=r(9967),g=r(4008),v=r.n(g);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){n()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const _=d().div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     [data-test='control-group'] {
         margin: 0;
     }
-`,O=i().createElement(_,null,i().createElement("span",{"data-test":"form-row-header-label"},(0,f._)("Label")),i().createElement("span",{"data-test":"form-row-header-value"},(0,f._)("Value"))),P=(e,t)=>e.filter(((e,r)=>r!==t)),S=(e,t,r)=>"string"!=typeof e||""===e.trim()||t.filter((t=>t[r]===e)).length>1,j=(e,t)=>S(e,t,"label"),C=(e,t)=>S(e,t,"value"),D=c().div`
+`,O=i().createElement(_,null,i().createElement("span",{"data-test":"form-row-header-label"},(0,f._)("Label")),i().createElement("span",{"data-test":"form-row-header-value"},(0,f._)("Value"))),P=(e,t)=>e.filter(((e,r)=>r!==t)),S=(e,t,r)=>"string"!=typeof e||""===e.trim()||t.filter((t=>t[r]===e)).length>1,j=(e,t)=>S(e,t,"label"),C=(e,t)=>S(e,t,"value"),D=d().div`
     width: 100%;
-`,M=[],E=({onChange:e,name:t,value:r=M,labelPosition:a="top",label:n="",validate:o})=>{const[s,u]=(0,l.useState)(r),[c,p]=(0,l.useState)(r.length);(0,l.useEffect)((()=>{u(r),r.length>c&&p(r.length)}),[r,c]);const g=(0,l.useCallback)((a=>{var n;(0,d.isEqual)(a,r)||((n=a).some((({label:e,value:t})=>"string"!=typeof e||""===e.trim()||"string"!=typeof t||""===t.trim()))||(0,d.uniqBy)(n,(e=>e.value)).length!==n.length||(0,d.uniqBy)(n,(e=>e.label)).length!==n.length)?u(a):e(null,t,a)}),[r,t,e]),y=(0,l.useCallback)(((e,{index:t})=>{const r=P(s,t);g(r)}),[s,g]),S=(0,l.useCallback)((({fromIndex:e,toIndex:t})=>{const r=s[e],a=P(s,e);a.splice(t,0,r),g(a)}),[s,g]),E=(0,l.useCallback)(((e,t)=>(r,a,n="")=>{const l=s[e],i=[...s];i.splice(e,1,h(h({},l),{},{[t]:n.trim()})),g(i)}),[s,g]),x=(0,l.useCallback)((()=>{const e=s.concat({label:`Label ${c}`,value:`menu_v${c}`});p(c+1),g(e)}),[s,c,g]),F=s.map(((e,t)=>{const{label:r,value:a}=e;return i().createElement(b().Row,{index:t,key:`${r}_${a}_${t}`,onRequestRemove:y},i().createElement(_,null,i().createElement(m.default,{label:(0,f._)("Label"),hideLabel:!0,value:r,onChange:E(t,"label"),name:"item-label-editor",error:j(r,s),validate:o}),i().createElement(m.default,{label:(0,f._)("Value"),hideLabel:!0,value:a,onChange:E(t,"value"),name:"item-value-editor",error:C(a,s),validate:o})))}));return i().createElement(v(),{label:n,labelPosition:a},i().createElement(D,null,i().createElement(b(),{addLabel:(0,f._)("Add new"),header:O,onRequestAdd:x,onRequestMove:S},F)))};E.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string,value:s().arrayOf(s().exact({label:s().string,value:s().string})),labelPosition:s().oneOf(["top","left"]),validate:s().func};const x=E},9967:(e,t,r)=>{r.d(t,{default:()=>S});var a=r(2649),n=r.n(a),l=r(6195),i=r.n(l);const o=require("@babel/runtime/helpers/objectWithoutProperties");var s=r.n(o),u=r(9497),c=r.n(u),d=r(23),f=r.n(d),p=r(4793),b=r(4082),m=r.n(b),g=r(4008),v=r.n(g),y=r(5862);const h=["onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error"];function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}const O={},P=e=>{let{onChange:t,name:r,value:a="",label:l,labelPosition:o="top",labelWidth:d,labelStyle:f=O,hideLabel:b=!1,isAdvanced:g,isDisabled:P=!1,help:S,tooltip:j,validate:C,error:D}=e,M=s()(e,h);const[E,x]=(0,u.useState)(a),F=(0,u.useCallback)((e=>"function"==typeof C?C({value:e}):null),[C]),[w,k]=(0,u.useState)(F(a)),A=(0,u.useMemo)((()=>(0,p.debounce)((e=>{k(F(e))}),250)),[F]);(0,u.useEffect)((()=>()=>{A.cancel()}),[A]),(0,u.useEffect)((()=>{x(a),k(F(a))}),[F,a]);const q=(0,u.useCallback)(((e,{value:t})=>{x(t),A(t)}),[A]),T=(0,u.useCallback)((e=>{const n=E.trim();if(n===a)return;const l=F(n);k(l),l||t(e,r,n)}),[E,a,F,t,r]),B=(0,u.useCallback)((e=>{"Enter"===e.key&&T(e)}),[T]),L=(0,u.useMemo)((()=>l&&""!==l?f:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){i()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},f)),[l,f]);return c().createElement(v(),{label:l,labelPosition:o,labelWidth:d,style:L,hideLabel:b,help:S,tooltip:j,error:(null==w?void 0:w.message)||D,isAdvanced:g},c().createElement(m(),n()({key:a,"data-test":r,style:y.editorStyle,onChange:q,onKeyDown:B,onBlur:T,value:E,disabled:P,canClear:!0},M,{error:!!w||D})))};P.propTypes={onChange:f().func.isRequired,name:f().string.isRequired,label:f().string.isRequired,value:f().string,labelPosition:f().oneOf(["top","left"]),labelWidth:f().number,labelStyle:f().object,hideLabel:f().bool,isAdvanced:f().bool,isDisabled:f().bool,validate:f().func,error:f().bool,help:f().string,tooltip:f().string};const S=P},5731:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const o=l(r(9497)),s=l(r(23)),u=i(r(2373)),c=r(1413),d=r(9033),f=r(6801),p=r(1385),b=r(1256),m=i(r(4008)),g=r(5862),v=r(8999),y=Object.assign(Object.assign({},f.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func,filterByTypes:s.arrayOf(s.string),tooltip:s.string});t.ColumnSelectionEditor=({name:e,value:t,label:r="",labelPosition:a="top",dataSourceKey:n="primary",dataSourceBindings:l,prepareValue:i=(e=>e),onChange:s,isAdvanced:f,isDisabled:y,filterByTypes:h,tooltip:_})=>{const O=(0,p.useDataSource)({dataSourceBindings:l,dataSourceKey:n}),{columns:P,fields:S}=(null==O?void 0:O.data)||{columns:[],fields:[]},j=(0,b.getAvailableFieldsWithTypes)(P,S),C=null==t?t:(0,c.getFieldsFromDSL)(t,{[n]:O})[0]||"",[D,M]=(0,o.useState)(C);o.default.useEffect((()=>{M(C)}),[C]);const[E,x]=(0,o.useState)(""),F=j.filter((e=>-1!==e.name.indexOf(E))),w=(0,v.useColumnSelectorFooterMessage)({availableFields:j,selectedFields:[D],filteredFields:F,filter:E}),k=(0,o.useCallback)(((t,{value:r})=>{M(r);const a=i({options:{[e]:`> ${n} | seriesByName('${r}')`}});s(t,a)}),[n,e,s,i]),A=(0,o.useCallback)(((e,{keyword:t})=>{x(t)}),[]),{hasError:q,isMissing:T,isLoading:B}=(0,d.getDataSourceStateInfo)(O),L=T||q||y,R=(0,b.getPlaceholderMessage)({isMissing:T,isLoading:B,hasError:q});return o.default.createElement(m.default,{label:r,labelPosition:a,tooltip:_,isAdvanced:f},o.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:D,onFilterChange:A,onChange:k,footerMessage:w,disabled:L,placeholder:R,isLoadingOptions:B,error:q,style:g.editorStyle,filter:!0},F.map((e=>o.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==h?void 0:h.length)&&!h.find((t=>t===e.type))})))))},t.ColumnSelectionEditor.propTypes=y,t.default=t.ColumnSelectionEditor},7585:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const o=l(r(9497)),s=l(r(23)),u=r(4793),c=i(r(4082)),d=i(r(9250)),f=i(r(7143)),p=r(6649),b=i(r(5731)),m=i(r(5456)),g=r(4381),v=r(5862),y=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),h=({name:e,context:t,value:r="",label:a,onChange:n,dataSourceBindings:l,labelPosition:i="top",labelWidth:s,help:h=y,validate:_})=>{const[O,P]=o.useState([]),[S,j]=o.useState(""),[C,D]=o.useState("");o.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:a,dynamicOptionsValue:n}=(0,g.getDynamicOptionsFromConfig)({items:r,context:t});P(e),j(a),D(n)}),[r,t]),o.useEffect((()=>{void 0!==l.primary||Array.isArray(r)||n(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:O}})}),[l,e,r,n,O]);const M=o.useCallback(((t,a,l)=>{if(Array.isArray(r)&&(!a||!l))n(null,{options:{[e]:t}});else{const r=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));n(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:r,label:`>primary | seriesByName("${a}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,r,n]),E=o.useCallback(((e,t,r)=>{M(r,S,C)}),[M,S,C]),x=o.useCallback(((e,{value:t})=>{""===C?j(t):M(O,t,C)}),[M,O,C]),F=o.useCallback(((e,{value:t})=>{""===S?D(t):M(O,S,t)}),[M,O,S]),w=e=>t=>{var r;const a=null===(r=null==t?void 0:t.options)||void 0===r?void 0:r[e];return"string"==typeof a?{value:(0,g.getFieldFromFieldNameDsl)(a)}:{value:""}};if(o.useMemo((()=>(0,g.isConfigAdvanced)({items:r,context:t})),[r,t]))return o.createElement(d.default,{label:(0,p._)(a),labelPosition:i,labelWidth:s,help:h},o.createElement(c.default,{key:r.toString(),"data-test":e,disabled:!0,defaultValue:r.toString()}));const k=!!l.primary;return o.createElement(o.Fragment,null,o.createElement(m.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:i,value:O,onChange:E,validate:_}),k&&o.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:v.VERTICAL_EDITOR_SPACING},o.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},o.createElement(b.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${S}")`,context:t,onChange:x,prepareValue:w("label")})),o.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},o.createElement(b.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${C}")`,context:t,onChange:F,prepareValue:w("value")}))))};h.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=h},8999:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const i=l(r(9497)),o=r(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:r,filteredFields:a,noSelectedFieldsInfo:n=!1})=>{const l=(0,i.useMemo)((()=>{if(!r||!a)return[];const e=new Set(r.filter((e=>""!==e&&void 0!==e)));return a.filter((t=>e.has(t.name)))}),[r,a]);return e&&!a.length?null:i.default.createElement(o.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:n,numSelected:null==l?void 0:l.length,numFiltered:a.length,numAvailable:t.length,filter:e})}},1385:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const n=r(9497),l=a(r(4853)),i=r(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const r=(0,n.useContext)(l.default),[a,o]=(0,n.useState)();return(0,n.useEffect)((()=>{if(!(0,i.get)(e,t))return o(null),()=>{};const a=(0,i.isFunction)(r.subscribe)&&r.subscribe(t,(e=>o(e)));return()=>{a&&a()}}),[e]),a}},6801:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const i=l(r(23));t.BaseEditorPropTypes={name:i.string.isRequired,value:i.oneOfType([i.string,i.object,i.arrayOf(i.string)]),context:i.object,label:i.string,labelPosition:i.oneOf(["top","left"]),labelWidth:i.number,onChange:i.func,isAdvanced:i.bool,isDisabled:i.bool,dataSourceBindings:i.object,options:i.object,optionsSchema:i.object}},4008:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const o=l(r(9497)),s=l(r(23)),u=i(r(232)),c=r(6649),d=i(r(6643)),f=r(3563),p=i(r(6379)),b=i(r(7020)),m=i(r(9250)),g=(0,u.default)(m.default)`
+`,E=[],M=({onChange:e,name:t,value:r=E,labelPosition:a="top",label:n="",validate:o})=>{const[s,u]=(0,l.useState)(r),[d,p]=(0,l.useState)(r.length);(0,l.useEffect)((()=>{u(r),r.length>d&&p(r.length)}),[r,d]);const g=(0,l.useCallback)((a=>{var n;(0,c.isEqual)(a,r)||((n=a).some((({label:e,value:t})=>"string"!=typeof e||""===e.trim()||"string"!=typeof t||""===t.trim()))||(0,c.uniqBy)(n,(e=>e.value)).length!==n.length||(0,c.uniqBy)(n,(e=>e.label)).length!==n.length)?u(a):e(null,t,a)}),[r,t,e]),y=(0,l.useCallback)(((e,{index:t})=>{const r=P(s,t);g(r)}),[s,g]),S=(0,l.useCallback)((({fromIndex:e,toIndex:t})=>{const r=s[e],a=P(s,e);a.splice(t,0,r),g(a)}),[s,g]),M=(0,l.useCallback)(((e,t)=>(r,a,n="")=>{const l=s[e],i=[...s];i.splice(e,1,h(h({},l),{},{[t]:n.trim()})),g(i)}),[s,g]),x=(0,l.useCallback)((()=>{const e=s.concat({label:`Label ${d}`,value:`menu_v${d}`});p(d+1),g(e)}),[s,d,g]),F=s.map(((e,t)=>{const{label:r,value:a}=e;return i().createElement(b().Row,{index:t,key:`${r}_${a}_${t}`,onRequestRemove:y},i().createElement(_,null,i().createElement(m.default,{label:(0,f._)("Label"),hideLabel:!0,value:r,onChange:M(t,"label"),name:"item-label-editor",error:j(r,s),validate:o}),i().createElement(m.default,{label:(0,f._)("Value"),hideLabel:!0,value:a,onChange:M(t,"value"),name:"item-value-editor",error:C(a,s),validate:o})))}));return i().createElement(v(),{label:n,labelPosition:a},i().createElement(D,null,i().createElement(b(),{addLabel:(0,f._)("Add new"),header:O,onRequestAdd:x,onRequestMove:S},F)))};M.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string,value:s().arrayOf(s().exact({label:s().string,value:s().string})),labelPosition:s().oneOf(["top","left"]),validate:s().func};const x=M},9967:(e,t,r)=>{r.d(t,{default:()=>S});var a=r(2649),n=r.n(a),l=r(6195),i=r.n(l);const o=require("@babel/runtime/helpers/objectWithoutProperties");var s=r.n(o),u=r(9497),d=r.n(u),c=r(23),f=r.n(c),p=r(4793),b=r(4082),m=r.n(b),g=r(4008),v=r.n(g),y=r(5862);const h=["onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error"];function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}const O={},P=e=>{let{onChange:t,name:r,value:a="",label:l,labelPosition:o="top",labelWidth:c,labelStyle:f=O,hideLabel:b=!1,isAdvanced:g,isDisabled:P=!1,help:S,tooltip:j,validate:C,error:D}=e,E=s()(e,h);const[M,x]=(0,u.useState)(a),F=(0,u.useCallback)((e=>"function"==typeof C?C({value:e}):null),[C]),[w,k]=(0,u.useState)(F(a)),A=(0,u.useMemo)((()=>(0,p.debounce)((e=>{k(F(e))}),250)),[F]);(0,u.useEffect)((()=>()=>{A.cancel()}),[A]),(0,u.useEffect)((()=>{x(a),k(F(a))}),[F,a]);const q=(0,u.useCallback)(((e,{value:t})=>{x(t),A(t)}),[A]),T=(0,u.useCallback)((e=>{const n=M.trim();if(n===a)return;const l=F(n);k(l),l||t(e,r,n)}),[M,a,F,t,r]),B=(0,u.useCallback)((e=>{"Enter"===e.key&&T(e)}),[T]),L=(0,u.useMemo)((()=>l&&""!==l?f:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){i()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},f)),[l,f]);return d().createElement(v(),{label:l,labelPosition:o,labelWidth:c,style:L,hideLabel:b,help:S,tooltip:j,error:(null==w?void 0:w.message)||D,isAdvanced:g},d().createElement(m(),n()({key:a,"data-test":r,style:y.editorStyle,onChange:q,onKeyDown:B,onBlur:T,value:M,disabled:P,canClear:!0},E,{error:!!w||D})))};P.propTypes={onChange:f().func.isRequired,name:f().string.isRequired,label:f().string.isRequired,value:f().string,labelPosition:f().oneOf(["top","left"]),labelWidth:f().number,labelStyle:f().object,hideLabel:f().bool,isAdvanced:f().bool,isDisabled:f().bool,validate:f().func,error:f().bool,help:f().string,tooltip:f().string};const S=P},5731:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const o=l(r(9497)),s=l(r(23)),u=i(r(2373)),d=r(1413),c=r(9033),f=r(6801),p=r(1385),b=r(1256),m=i(r(4008)),g=r(5862),v=r(8999),y=Object.assign(Object.assign({},f.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func,filterByTypes:s.arrayOf(s.string),tooltip:s.string,hideEditorWhenLoading:s.bool});t.ColumnSelectionEditor=({name:e,value:t,label:r="",labelPosition:a="top",dataSourceKey:n="primary",dataSourceBindings:l,prepareValue:i=(e=>e),onChange:s,isAdvanced:f,isDisabled:y,filterByTypes:h,tooltip:_,hideEditorWhenLoading:O=!1})=>{const P=(0,p.useDataSource)({dataSourceBindings:l,dataSourceKey:n}),{columns:S,fields:j}=(null==P?void 0:P.data)||{columns:[],fields:[]},C=(0,b.getAvailableFieldsWithTypes)(S,j),D=null==t?t:(0,d.getFieldsFromDSL)(t,{[n]:P})[0]||"",[E,M]=(0,o.useState)(D);o.default.useEffect((()=>{M(D)}),[D]);const[x,F]=(0,o.useState)(""),w=C.filter((e=>-1!==e.name.indexOf(x))),k=(0,v.useColumnSelectorFooterMessage)({availableFields:C,selectedFields:[E],filteredFields:w,filter:x}),A=(0,o.useCallback)(((t,{value:r})=>{M(r);const a=i({options:{[e]:`> ${n} | seriesByName('${r}')`}});s(t,a)}),[n,e,s,i]),q=(0,o.useCallback)(((e,{keyword:t})=>{F(t)}),[]),{hasError:T,isMissing:B,isLoading:L}=(0,c.getDataSourceStateInfo)(P),R=B||T||y,N=(0,b.getPlaceholderMessage)({isMissing:B,isLoading:L,hasError:T});return(!O||!!E)&&o.default.createElement(m.default,{label:r,labelPosition:a,tooltip:_,isAdvanced:f},o.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:E,onFilterChange:q,onChange:A,footerMessage:k,disabled:R,placeholder:N,isLoadingOptions:L,error:T,style:g.editorStyle,filter:!0},w.map((e=>o.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==h?void 0:h.length)&&!h.find((t=>t===e.type))})))))},t.ColumnSelectionEditor.propTypes=y,t.default=t.ColumnSelectionEditor},7585:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const o=l(r(9497)),s=l(r(23)),u=r(4793),d=i(r(4082)),c=i(r(9250)),f=i(r(7143)),p=r(6649),b=i(r(5731)),m=i(r(5456)),g=r(4381),v=r(5862),y=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),h=({name:e,context:t,value:r="",label:a,onChange:n,dataSourceBindings:l,labelPosition:i="top",labelWidth:s,help:h=y,validate:_})=>{const[O,P]=o.useState([]),[S,j]=o.useState(""),[C,D]=o.useState("");o.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:a,dynamicOptionsValue:n}=(0,g.getDynamicOptionsFromConfig)({items:r,context:t});P(e),j(a),D(n)}),[r,t]),o.useEffect((()=>{void 0!==l.primary||Array.isArray(r)||n(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:O}})}),[l,e,r,n,O]);const E=o.useCallback(((t,a,l)=>{if(Array.isArray(r)&&(!a||!l))n(null,{options:{[e]:t}});else{const r=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));n(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:r,label:`>primary | seriesByName("${a}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,r,n]),M=o.useCallback(((e,t,r)=>{E(r,S,C)}),[E,S,C]),x=o.useCallback(((e,{value:t})=>{""===C?j(t):E(O,t,C)}),[E,O,C]),F=o.useCallback(((e,{value:t})=>{""===S?D(t):E(O,S,t)}),[E,O,S]),w=e=>t=>{var r;const a=null===(r=null==t?void 0:t.options)||void 0===r?void 0:r[e];return"string"==typeof a?{value:(0,g.getFieldFromFieldNameDsl)(a)}:{value:""}};if(o.useMemo((()=>(0,g.isConfigAdvanced)({items:r,context:t})),[r,t]))return o.createElement(c.default,{label:(0,p._)(a),labelPosition:i,labelWidth:s,help:h},o.createElement(d.default,{key:r.toString(),"data-test":e,disabled:!0,defaultValue:r.toString()}));const k=!!l.primary;return o.createElement(o.Fragment,null,o.createElement(m.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:i,value:O,onChange:M,validate:_}),k&&o.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:v.VERTICAL_EDITOR_SPACING},o.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},o.createElement(b.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${S}")`,context:t,onChange:x,prepareValue:w("label")})),o.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},o.createElement(b.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${C}")`,context:t,onChange:F,prepareValue:w("value")}))))};h.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=h},8999:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const i=l(r(9497)),o=r(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:r,filteredFields:a,noSelectedFieldsInfo:n=!1})=>{const l=(0,i.useMemo)((()=>{if(!r||!a)return[];const e=new Set(r.filter((e=>""!==e&&void 0!==e)));return a.filter((t=>e.has(t.name)))}),[r,a]);return e&&!a.length?null:i.default.createElement(o.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:n,numSelected:null==l?void 0:l.length,numFiltered:a.length,numAvailable:t.length,filter:e})}},1385:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const n=r(9497),l=a(r(4853)),i=r(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const r=(0,n.useContext)(l.default),[a,o]=(0,n.useState)();return(0,n.useEffect)((()=>{if(!(0,i.get)(e,t))return o(null),()=>{};const a=(0,i.isFunction)(r.subscribe)&&r.subscribe(t,(e=>o(e)));return()=>{a&&a()}}),[e]),a}},6801:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const i=l(r(23));t.BaseEditorPropTypes={name:i.string.isRequired,value:i.oneOfType([i.string,i.object,i.arrayOf(i.string)]),context:i.object,label:i.string,labelPosition:i.oneOf(["top","left"]),labelWidth:i.number,onChange:i.func,isAdvanced:i.bool,isDisabled:i.bool,dataSourceBindings:i.object,options:i.object,optionsSchema:i.object}},4008:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const o=l(r(9497)),s=l(r(23)),u=i(r(232)),d=r(6649),c=i(r(6643)),f=r(3563),p=i(r(6379)),b=i(r(7020)),m=i(r(9250)),g=(0,u.default)(m.default)`
     margin-top: 0;
     padding: 0;
     // adjust bottom margin according to theme
@@ -42,5 +42,5 @@
     &:hover {
         background-color: ${f.variables.interactiveColorOverlayDrag} !important;
     }
-`;t.AdvancedConfigButton=({label:e="",onClick:t})=>o.default.createElement(v,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},o.default.createElement(y,{"data-test":`${e}-advanced-config-button`,icon:o.default.createElement(d.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const h=({"data-test":e,children:r,isAdvanced:a=!1,label:n,hideLabel:l,labelPosition:i,labelWidth:s,tooltip:u,help:c,style:d,error:f,controlsLayout:p,onClick:b,onAdvancedConfigButtonClick:m})=>o.default.createElement(g,{"data-test":null!=e?e:"control-group",label:n,hideLabel:l,labelPosition:i,labelWidth:s,tooltip:u,help:c,error:f,style:d,onClick:b,controlsLayout:p},a?o.Children.toArray(r).filter(Boolean).map((e=>(0,o.cloneElement)(e,{style:{flex:1}}))):r,a?o.default.createElement(t.AdvancedConfigButton,{label:n,onClick:m}):null);h.propTypes={style:s.object,isAdvanced:s.bool,onClick:s.func,onAdvancedConfigButtonClick:s.func},t.default=h},3620:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectorFooterMessage=void 0;const i=l(r(9497)),o=r(3773),s=r(6649),u=r(9497);t.ColumnSelectorFooterMessage=({numSelected:e,numFiltered:t,numAvailable:r,filter:a,noSelectedFieldsInfo:n})=>{const l=(0,u.useMemo)((()=>a?n?(0,o.sprintf)((0,s._)("%(filtered)d filtered from %(available)d fields"),{filtered:t,available:r}):(0,o.sprintf)((0,s._)("%(selected)d selected from %(filtered)d filtered"),{selected:e,filtered:t}):n?(0,o.sprintf)((0,s._)("%(shown)d of %(available)d fields"),{shown:t,available:r}):(0,o.sprintf)((0,s._)("%(selected)d selected from %(available)d"),{selected:e,available:r})),[a,n,t,r,e]);return i.createElement("span",{"data-test":"footer-message","aria-live":"polite","aria-atomic":"true"},l)}},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},1256:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const a=r(6649),n=r(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,r)=>{const{name:a}=t;return{name:a,type:(0,n.canInferTypeFromMeta)(t)?(0,n.getDataTypeForMeta)(t):(0,n.inferDataTypeFromData)(e[r])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:r,defaultMessage:n="Select a field from data source"})=>r?(0,a._)("Set up data source to select"):e?(0,a._)("Please set up valid data source to select"):t?(0,a._)("Loading data source..."):(0,a._)(n)},4381:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const n=r(4793),l=r(2918),i=a(r(3453));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(i.default.withoutArrow(e)),r=(0,n.find)(t,{type:"method",name:"seriesByName"});return(0,n.get)(r,["args","0","v"],"")}catch(e){return""}};const o=e=>{try{const t=l.DslParser.parse(i.default.withoutArrow(e)),r=(0,n.findLastIndex)(t,{type:"method",name:"seriesByName"}),a=(0,n.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==r&&-1!==a&&r<a}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:r,value:a}=t;return"string"!=typeof r||"string"!=typeof a||(!(e=>{try{const t=l.DslParser.parse(i.default.withoutArrow(e));return 3===t.length&&(0,n.isMatch)(t[0],{type:"method",name:"frame"})&&(0,n.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,n.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!o(r)||!o(a))};t.getDynamicOptionsFromConfig=({items:e,context:r})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const a=r.statics||[],l=(0,n.zipWith)(...a,((e,t)=>({label:e,value:t}))),{label:i,value:o}=r;return{staticOptions:l,dynamicOptionsLabel:i?(0,t.getFieldFromFieldNameDsl)(i):"",dynamicOptionsValue:o?(0,t.getFieldFromFieldNameDsl)(o):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},3453:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},4793:e=>{e.exports=require("lodash")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var l=t[a]={exports:{}};return e[a].call(l.exports,l,l.exports,r),l.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a=r(7585);module.exports=a})();
+`;t.AdvancedConfigButton=({label:e="",onClick:t})=>o.default.createElement(v,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,d._)("Advanced configurations")},o.default.createElement(y,{"data-test":`${e}-advanced-config-button`,icon:o.default.createElement(c.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const h=({"data-test":e,children:r,isAdvanced:a=!1,label:n,hideLabel:l,labelPosition:i,labelWidth:s,tooltip:u,help:d,style:c,error:f,controlsLayout:p,onClick:b,onAdvancedConfigButtonClick:m})=>o.default.createElement(g,{"data-test":null!=e?e:"control-group",label:n,hideLabel:l,labelPosition:i,labelWidth:s,tooltip:u,help:d,error:f,style:c,onClick:b,controlsLayout:p},a?o.Children.toArray(r).filter(Boolean).map((e=>(0,o.cloneElement)(e,{style:{flex:1}}))):r,a?o.default.createElement(t.AdvancedConfigButton,{label:n,onClick:m}):null);h.propTypes={style:s.object,isAdvanced:s.bool,onClick:s.func,onAdvancedConfigButtonClick:s.func},t.default=h},3620:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectorFooterMessage=void 0;const i=l(r(9497)),o=r(3773),s=r(6649),u=r(9497);t.ColumnSelectorFooterMessage=({numSelected:e,numFiltered:t,numAvailable:r,filter:a,noSelectedFieldsInfo:n})=>{const l=(0,u.useMemo)((()=>a?n?(0,o.sprintf)((0,s._)("%(filtered)d filtered from %(available)d fields"),{filtered:t,available:r}):(0,o.sprintf)((0,s._)("%(selected)d selected from %(filtered)d filtered"),{selected:e,filtered:t}):n?(0,o.sprintf)((0,s._)("%(shown)d of %(available)d fields"),{shown:t,available:r}):(0,o.sprintf)((0,s._)("%(selected)d selected from %(available)d"),{selected:e,available:r})),[a,n,t,r,e]);return i.createElement("span",{"data-test":"footer-message","aria-live":"polite","aria-atomic":"true"},l)}},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},1256:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const a=r(6649),n=r(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,r)=>{const{name:a}=t;return{name:a,type:(0,n.canInferTypeFromMeta)(t)?(0,n.getDataTypeForMeta)(t):(0,n.inferDataTypeFromData)(e[r])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:r,defaultMessage:n="Select a field from data source"})=>r?(0,a._)("Set up data source to select"):e?(0,a._)("Please set up valid data source to select"):t?(0,a._)("Loading data source..."):(0,a._)(n)},4381:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const n=r(4793),l=r(2918),i=a(r(3453));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(i.default.withoutArrow(e)),r=(0,n.find)(t,{type:"method",name:"seriesByName"});return(0,n.get)(r,["args","0","v"],"")}catch(e){return""}};const o=e=>{try{const t=l.DslParser.parse(i.default.withoutArrow(e)),r=(0,n.findLastIndex)(t,{type:"method",name:"seriesByName"}),a=(0,n.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==r&&-1!==a&&r<a}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:r,value:a}=t;return"string"!=typeof r||"string"!=typeof a||(!(e=>{try{const t=l.DslParser.parse(i.default.withoutArrow(e));return 3===t.length&&(0,n.isMatch)(t[0],{type:"method",name:"frame"})&&(0,n.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,n.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!o(r)||!o(a))};t.getDynamicOptionsFromConfig=({items:e,context:r})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const a=r.statics||[],l=(0,n.zipWith)(...a,((e,t)=>({label:e,value:t}))),{label:i,value:o}=r;return{staticOptions:l,dynamicOptionsLabel:i?(0,t.getFieldFromFieldNameDsl)(i):"",dynamicOptionsValue:o?(0,t.getFieldFromFieldNameDsl)(o):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},3453:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},4793:e=>{e.exports=require("lodash")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var l=t[a]={exports:{}};return e[a].call(l.exports,l,l.exports,r),l.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a=r(7585);module.exports=a})();
 //# sourceMappingURL=DynamicItemEditor.js.map