@splunk/dynamic-editors 0.39.0 → 0.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/DynamicEditor.js +79 -79
  3. package/DynamicEditor.js.map +1 -1
  4. package/containers/EditorItem.js +111 -111
  5. package/containers/EditorItem.js.map +1 -1
  6. package/containers/EditorLayout.js +41 -41
  7. package/containers/EditorLayout.js.map +1 -1
  8. package/containers/EditorLayoutItem.js +72 -72
  9. package/containers/EditorLayoutItem.js.map +1 -1
  10. package/editors/ColumnSelectionEditor.js +1 -1
  11. package/editors/ColumnSelectionEditor.js.map +1 -1
  12. package/editors/DynamicItemEditor.js +4 -4
  13. package/editors/DynamicItemEditor.js.map +1 -1
  14. package/editors/NetworkGraphDynamicColorEditor.js +334 -0
  15. package/editors/NetworkGraphDynamicColorEditor.js.map +1 -0
  16. package/editors/SelectEditor.js +4 -4
  17. package/editors/SelectEditor.js.map +1 -1
  18. package/editors/TableColumnFormatterEditor.js +13 -13
  19. package/editors/TableColumnFormatterEditor.js.map +1 -1
  20. package/package.json +3 -3
package/editors/SelectEditor.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * Copyright © 2018 Splunk Inc.
3
3
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
4
4
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
5
- */(()=>{"use strict";var e={1027:(e,t,o)=>{o.d(t,{getOptions:()=>r});o(6195),o(4793);require("@splunk/visualizations-shared/schemaUtils");const r=(e,t)=>{if(Array.isArray(t))return t;if(e&&Array.isArray(e.enum))return e.enum.map((e=>({value:e})));throw Error(`No valid values provided to editor: ${JSON.stringify(e)}`)}},2166:(e,t,o)=>{o.d(t,{hasTokens:()=>n});const r=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&r.test(e)},4008:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);return n(t,e),t},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=l(o(9497)),u=l(o(23)),s=a(o(232)),d=o(6649),c=a(o(6643)),p=o(3563),f=a(o(6379)),b=a(o(7020)),v=a(o(9250)),m=(0,s.default)(v.default)`
5
+ */(()=>{"use strict";var e={1027:(e,t,o)=>{o.d(t,{getOptions:()=>r});o(6195),o(4793);require("@splunk/visualizations-shared/schemaUtils");const r=(e,t)=>{if(Array.isArray(t))return t;if(e&&Array.isArray(e.enum))return e.enum.map((e=>({value:e})));throw Error(`No valid values provided to editor: ${JSON.stringify(e)}`)}},2166:(e,t,o)=>{o.d(t,{hasTokens:()=>n});const r=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&r.test(e)},4008:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&r(t,e,o);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 a=l(o(9497)),s=l(o(23)),u=i(o(232)),d=o(6649),c=i(o(6643)),p=o(3563),f=i(o(6379)),b=i(o(7020)),v=i(o(9250)),m=(0,u.default)(v.default)`
6
6
  margin-top: 0;
7
7
  padding: 0;
8
8
  // adjust bottom margin according to theme
@@ -22,16 +22,16 @@
22
22
  [data-test='label']:first-of-type {
23
23
  padding-top: 0;
24
24
  }
25
- `,g=(0,s.default)(f.default)`
25
+ `,g=(0,u.default)(f.default)`
26
26
  display: flex;
27
27
  > span {
28
28
  display: flex;
29
29
  width: 35px;
30
30
  }
31
- `,h=(0,s.default)(b.default)`
31
+ `,h=(0,u.default)(b.default)`
32
32
  color: ${p.variables.contentColorActive} !important;
33
33
  &:hover {
34
34
  background-color: ${p.variables.interactiveColorOverlayDrag} !important;
35
35
  }
36
- `;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(g,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,d._)("Advanced configurations")},i.default.createElement(h,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(c.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const y=({"data-test":e,children:o,isAdvanced:r=!1,label:n,hideLabel:l,labelPosition:a,labelWidth:u,tooltip:s,help:d,style:c,error:p,controlsLayout:f,onClick:b,onAdvancedConfigButtonClick:v})=>i.default.createElement(m,{"data-test":null!=e?e:"control-group",label:n,hideLabel:l,labelPosition:a,labelWidth:u,tooltip:s,help:d,error:p,style:c,onClick:b,controlsLayout:f},r?i.Children.toArray(o).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):o,r?i.default.createElement(t.AdvancedConfigButton,{label:n,onClick:v}):null);y.propTypes={style:u.object,isAdvanced:u.bool,onClick:u.func,onAdvancedConfigButtonClick:u.func},t.default=y},5862:(e,t)=>{t.editorStyle=void 0,t.editorStyle={width:"100%"}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},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 o(r){var n=t[r];if(void 0!==n)return n.exports;var l=t[r]={exports:{}};return e[r].call(l.exports,l,l.exports,o),l.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};(()=>{o.r(r),o.d(r,{default:()=>b});var e=o(9497),t=o.n(e),n=o(23),l=o.n(n),a=o(2373),i=o.n(a),u=o(2166),s=o(1027),d=o(5862),c=o(4008),p=o.n(c);const f=({onChange:o,name:r,itemSchema:n,values:l,value:a,labelPosition:c="top",labelWidth:f,label:b,tooltip:v,isDisabled:m=!1,isAdvanced:g,hideLabel:h})=>{const y=(0,s.getOptions)(n,l),x=(0,u.hasTokens)(a)||m,O=(0,e.useCallback)(((e,{value:t})=>o(e,r,t)),[o,r]);return t().createElement(p(),{label:b,labelPosition:c,labelWidth:f,tooltip:v,isAdvanced:g,hideLabel:h},t().createElement(i(),{"data-test":r,onChange:O,value:a,disabled:x,style:d.editorStyle},y.map((e=>t().createElement(i().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?t().createElement(e.icon,null):null})))))};f.propTypes={onChange:l().func.isRequired,name:l().string.isRequired,itemSchema:l().object,values:l().arrayOf(l().shape({label:l().string,value:l().oneOfType([l().string,l().number]).isRequired})),value:l().oneOfType([l().string,l().number]),label:l().string.isRequired,labelPosition:l().oneOf(["left","top"]),labelWidth:l().number,tooltip:l().string,isDisabled:l().bool,isAdvanced:l().bool,hideLabel:l().bool};const b=f})(),module.exports=r})();
36
+ `;t.AdvancedConfigButton=({label:e="",onClick:t})=>a.default.createElement(g,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,d._)("Advanced configurations")},a.default.createElement(h,{"data-test":`${e}-advanced-config-button`,icon:a.default.createElement(c.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const y=({"data-test":e,children:o,isAdvanced:r=!1,label:n,hideLabel:l,labelPosition:i,labelWidth:s,tooltip:u,help:d,style:c,error:p,controlsLayout:f,onClick:b,onAdvancedConfigButtonClick:v})=>a.default.createElement(m,{"data-test":null!=e?e:"control-group",label:n,hideLabel:l,labelPosition:i,labelWidth:s,tooltip:u,help:d,error:p,style:c,onClick:b,controlsLayout:f},r?a.Children.toArray(o).filter(Boolean).map((e=>(0,a.cloneElement)(e,{style:{flex:1}}))):o,r?a.default.createElement(t.AdvancedConfigButton,{label:n,onClick:v}):null);y.propTypes={style:s.object,isAdvanced:s.bool,onClick:s.func,onAdvancedConfigButtonClick:s.func},t.default=y},5862:(e,t)=>{t.editorStyle=void 0,t.editorStyle={width:"100%"}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},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 o(r){var n=t[r];if(void 0!==n)return n.exports;var l=t[r]={exports:{}};return e[r].call(l.exports,l,l.exports,o),l.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};(()=>{o.r(r),o.d(r,{default:()=>b});var e=o(9497),t=o.n(e),n=o(23),l=o.n(n),i=o(2373),a=o.n(i),s=o(2166),u=o(1027),d=o(5862),c=o(4008),p=o.n(c);const f=({onChange:o,name:r,itemSchema:n,values:l,value:i,labelPosition:c="top",labelWidth:f,label:b,tooltip:v,isDisabled:m=!1,isAdvanced:g,hideLabel:h,help:y})=>{const x=(0,u.getOptions)(n,l),O=(0,s.hasTokens)(i)||m,k=(0,e.useCallback)(((e,{value:t})=>o(e,r,t)),[o,r]);return t().createElement(p(),{label:b,labelPosition:c,labelWidth:f,tooltip:v,help:y,isAdvanced:g,hideLabel:h},t().createElement(a(),{"data-test":r,onChange:k,value:i,disabled:O,style:d.editorStyle},x.map((e=>t().createElement(a().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?t().createElement(e.icon,null):null,description:e.description})))))};f.propTypes={onChange:l().func.isRequired,name:l().string.isRequired,itemSchema:l().object,values:l().arrayOf(l().shape({label:l().string,value:l().oneOfType([l().string,l().number]).isRequired,description:l().string})),value:l().oneOfType([l().string,l().number]),label:l().string.isRequired,labelPosition:l().oneOf(["left","top"]),labelWidth:l().number,tooltip:l().string,isDisabled:l().bool,isAdvanced:l().bool,hideLabel:l().bool,help:l().string};const b=f})(),module.exports=r})();
37
37
  //# sourceMappingURL=SelectEditor.js.map
package/editors/SelectEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/schemaUtils\"","webpack://@splunk/dynamic-editors/./src/utils/EditorFunctions.js","webpack://@splunk/dynamic-editors/./src/utils/token.js","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/defineProperty\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@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/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/runtime/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/./src/editors/SelectEditor.jsx"],"sourcesContent":["const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/visualizations-shared/schemaUtils\");","import { cloneDeep, forIn, isPlainObject, omit, set } from 'lodash';\nimport { DYNAMIC_OPTIONS_DSL_PATTERN } from '@splunk/visualizations-shared/schemaUtils';\n\n/**\n * Return values, or parse enum values if values do not exist\n * @param {Object} itemSchema Validation config for an editor item\n * @param {Object[]} values List of predefined { label, value } objects for use by editor\n * @returns {Object[]} List of { label, value } objects for use by editor\n */\nexport const getOptions = (itemSchema, values) => {\n if (Array.isArray(values)) {\n return values;\n }\n\n if (itemSchema && Array.isArray(itemSchema.enum)) {\n return itemSchema.enum.map(item => ({ value: item }));\n }\n\n throw Error(`No valid values provided to editor: ${JSON.stringify(itemSchema)}`);\n};\n\nexport function handleOptionsChange(name, value, options = { debounce: false }) {\n const { visualization } = this.props;\n if (value == null) {\n this.props.onVisualizationChange(\n {\n ...visualization,\n options: omit(visualization.options, [name]),\n },\n options\n );\n } else {\n this.props.onVisualizationChange(\n {\n ...visualization,\n options: {\n ...visualization.options,\n [name]: value,\n },\n },\n options\n );\n }\n}\n\n/*\n * @method isMultipleRulesSchema\n * @param {Object} itemSchema\n * @returns {Boolean}\n */\nexport const isMultipleRulesSchema = itemSchema => !!itemSchema.anyOf && itemSchema.anyOf.length > 0;\n\n/*\n * @method isDynamicOptionSchema\n * @param {Object} schema\n * @returns {Boolean}\n */\nexport const isDynamicOptionSchema = schema =>\n schema.type === 'string' && schema.pattern === DYNAMIC_OPTIONS_DSL_PATTERN;\n\n/*\n * @method isNestedOption\n * @param {String} optionName\n * @returns {Boolean}\n */\nexport const isNestedOption = optionName => {\n const nestedOptionPattern = /^\\w+\\[\\d+\\]\\.(.+)$/;\n return nestedOptionPattern.exec(optionName) !== null;\n};\n\n/*\n * @method getStaticItemSchema\n * @param {Object} itemSchema\n * @returns {Object} staticItemSchema\n */\nexport const getStaticItemSchema = itemSchema => {\n if (!isMultipleRulesSchema(itemSchema)) {\n return itemSchema;\n }\n\n const staticSchema = itemSchema.anyOf.find(schema => !isDynamicOptionSchema(schema));\n return { ...omit(itemSchema, 'anyOf'), ...staticSchema };\n};\n\n/**\n * @method isContextCompatibleWithFormatter\n * @param {Array | Object} contextConfig\n * @param {String} formatterType\n * @returns {Boolean} true if context structure is compatible with formatter type\n */\nconst isContextCompatibleWithFormatter = (contextConfig, formatterType) => {\n if (!contextConfig || !formatterType) {\n return false;\n }\n\n // Gradient formatter expects an object with 'colors' property\n if (formatterType === 'gradient') {\n return (\n typeof contextConfig === 'object' && !Array.isArray(contextConfig) && 'colors' in contextConfig\n );\n }\n\n // Range/Match formatters expect an array\n if (formatterType === 'rangeValue' || formatterType === 'matchValue') {\n return Array.isArray(contextConfig);\n }\n\n // For unknown formatters, assume compatible to maintain existing behavior\n return true;\n};\n\n/**\n * @method getFormatterConfig\n * @param {Object} props\n * @param {Array | Object} [props.contextConfig]\n * @param {Array} props.formatters\n * @param {String} props.formatterFromDSL\n * @param {String} props.selectedDataSelector\n * @returns {Array | Object} the default formatter config of dynamic color editors' fomatter\n */\nexport const getFormatterConfig = ({ contextConfig, formatters, formatterFromDSL, selectedDataSelector }) => {\n // If no context exists, use default config\n if (!contextConfig) {\n const currentFormatter = formatters?.find(formatter => formatter.value === formatterFromDSL);\n const formatterConfig = currentFormatter?.defaults?.[selectedDataSelector];\n return formatterConfig || [];\n }\n\n // If no formatter type is provided, return context as-is for backward compatibility\n if (!formatterFromDSL) {\n return contextConfig;\n }\n\n // Check if existing context is compatible with the formatter type\n if (isContextCompatibleWithFormatter(contextConfig, formatterFromDSL)) {\n return contextConfig;\n }\n\n // Context is incompatible, use default config instead\n const currentFormatter = formatters?.find(formatter => formatter.value === formatterFromDSL);\n const formatterConfig = currentFormatter?.defaults?.[selectedDataSelector];\n return formatterConfig || [];\n};\n\n/**\n * @method isSupportedDataSelector\n * @param {Object} config\n * @param {String} config.selectedDataSelector e.g. 'majorValue'\n * @param {Array} config.dataSelectors e.g. [{ label: 'value', value: 'majorValue'}]\n * @returns {Boolean} true if dataSelectors includes selectedDataSelector\n */\nexport const isSupportedDataSelector = ({ selectedDataSelector, dataSelectors }) => {\n if (!selectedDataSelector || !dataSelectors?.length) {\n return false;\n }\n return dataSelectors.some(ds => ds.value === selectedDataSelector);\n};\n\n/**\n * @method isSupportedFormatter\n * @param {Object} config\n * @param {String} [config.selectedFormatterType] e.g. 'rangeValue'\n * @param {Array} [config.formattersFromEditor] e.g. [{ label: 'rangle', value: 'rangeValue', defaults: {}}]\n * @param {Object} config.supportedFormatters e.g. {rangeValue: {}, matchValue: {}}\n * @returns {Boolean} true if formattersFromEditor includes selectedFormatterType and selectedFormatterType is one of supportedFormatters on editor\n */\nexport const isSupportedFormatter = ({\n selectedFormatterType,\n formattersFromEditor,\n supportedFormatters,\n}) => {\n if (\n !selectedFormatterType ||\n !supportedFormatters?.[selectedFormatterType] ||\n !formattersFromEditor?.length\n ) {\n return false;\n }\n return formattersFromEditor.some(fm => fm.value === selectedFormatterType);\n};\n\n/**\n * @method getFilteredRowsByShowEditor filters the EditorItem objects which are visible based on showEditor property\n * @param {Object} args\n * @param {Array} args.row\n * @param {Object} args.options // item options\n * @param {Object} args.encoding\n * @param {Object} args.featureFlags\n * @returns array of EditorItem objects or empty array\n */\nexport const getFilteredRowsByShowEditor = ({ row, options, encoding, featureFlags }) => {\n if (!row || !Array.isArray(row)) {\n return [];\n }\n const filteredRow = row.filter(\n item =>\n typeof item.showEditor === 'undefined' ||\n (typeof item.showEditor === 'function' && item.showEditor({ options, encoding, featureFlags }))\n );\n return filteredRow;\n};\n\n/**\n * @method removeEmptyEntries Removes of all entries where the value is null, undefined, and convert nulls in arrays to undefined\n * @param {Object} obj\n */\nconst removeEmptyEntries = obj => {\n const returnObj = cloneDeep(obj);\n forIn(returnObj, (value, key) => {\n if ((value !== null && value !== undefined && Array.isArray(value)) || isPlainObject(value)) {\n returnObj[key] = removeEmptyEntries(returnObj[key]);\n }\n if (Array.isArray(value)) {\n returnObj[key] = value.map(val => (val === null ? undefined : val));\n }\n if (value === null || value === undefined) {\n delete returnObj[key];\n }\n });\n return returnObj;\n};\n\n/**\n * @method getToggleOffValueForDataColors determines the appropriate value when toggling off dataColors\n * @param {Object} config\n * @param {String} config.name - the option name (e.g., 'dataColors', 'layers[0].dataColors')\n * @param {Object} config.options - all visualization options\n * @param {String[]} config.dataSelectors - available data selectors (e.g., ['areaValues'])\n * @returns {String} appropriate toggle-off value (empty string or gradient fallback)\n */\nexport const getToggleOffValueForDataColors = ({ name, options, dataSelectors = [] }) => {\n // Only process dataColors options\n if (!name?.includes('dataColors')) {\n return '';\n }\n\n // Check if this is a choropleth layer by examining the layer configuration\n const isChoroplethLayer = () => {\n // Handle top-level dataColors\n if (name === 'dataColors') {\n return options?.type === 'choropleth' || options?.layerType === 'choropleth';\n }\n\n // Handle nested layer dataColors (e.g., layers[0].dataColors)\n const layerPattern = /^layers\\[(\\d+)\\]\\.dataColors$/;\n const layerMatch = layerPattern.exec(name);\n if (layerMatch) {\n const layerIndex = parseInt(layerMatch[1], 10);\n const layer = options?.layers?.[layerIndex];\n return layer?.type === 'choropleth' || layer?.layerType === 'choropleth';\n }\n\n return false;\n };\n\n // Check if areaValues is available as a data selector\n const hasAreaValuesSelector = dataSelectors.includes('areaValues');\n\n // Return gradient fallback for choropleth layers with areaValues, empty string otherwise\n if (isChoroplethLayer() && hasAreaValuesSelector) {\n return '> areaValues | gradient()';\n }\n\n return '';\n};\n\n/**\n * @method convertEmptyDataColorsForChoropleth handles the conversion of empty dataColors option to gradient fallback for choropleth layers\n * @param {Object} config\n * @param {String} config.option - the option name (e.g., 'dataColors', 'layers[0].dataColors')\n * @param {Any} config.value - the option value\n * @param {Object} config.options - all visualization options\n * @param {String[]} config.dataSelectors - available data selectors (e.g., ['areaValues'])\n * @returns {String|Any} converted value for choropleth or original value\n */\nexport const convertEmptyDataColorsForChoropleth = ({ option, value, options, dataSelectors = [] }) => {\n // Only process dataColors options\n if (!option?.includes('dataColors')) {\n return value;\n }\n\n // Only convert empty string values\n if (value !== '') {\n return value;\n }\n\n // Use the toggle-off value logic\n return getToggleOffValueForDataColors({ name: option, options, dataSelectors });\n};\n\n/**\n * @method setOption sets an options value\n * @param {String} option\n * @param {Any} value\n * @param {Object} oldVisualization\n * @param {Object} optionSchema\n * @param {Object} defaultOverrides\n * @param {String[]} dataSelectors - available data selectors for choropleth conversion\n * @returns visualization object with updated options\n */\nexport const setOption = (option, value, oldVisualization, optionSchema, defaultOverrides, dataSelectors) => {\n const obj = {\n ...oldVisualization,\n };\n\n let newOption = option;\n let newValue = value;\n\n // Apply choropleth-specific conversion for empty dataColors\n if (newValue === '' && newOption?.includes('dataColors')) {\n newValue = convertEmptyDataColorsForChoropleth({\n option: newOption,\n value: newValue,\n options: oldVisualization.options,\n dataSelectors,\n });\n }\n\n // Remove from definition if value is null/undefined, and the key is explicitly set in the optionSchema\n if ((newValue === null || newValue === undefined) && optionSchema[newOption]) {\n obj.options = omit(oldVisualization.options, newOption);\n return obj;\n }\n\n // Remove from definition if value is the same as the default from the overrides or the schema\n const schemaDefault = defaultOverrides?.[newOption] ?? optionSchema[newOption]?.default;\n if (typeof schemaDefault !== 'undefined' && newValue === schemaDefault) {\n obj.options = omit(oldVisualization.options, newOption);\n return obj;\n }\n // Copy options\n obj.options = cloneDeep(oldVisualization.options);\n obj.options ??= {};\n // ColumnSelectionEditor returns the option as an object\n // with a key/value pair inside that object with the param value as undefiend\n if ((value === null || value === undefined) && isPlainObject(option) && isPlainObject(option.options)) {\n [newOption] = Object.keys(option.options);\n [newValue] = Object.values(option.options);\n }\n // Select explicitly exposed option first for non arrays / objects\n if (optionSchema[newOption]) {\n if (optionSchema[newOption].type !== 'array') {\n obj.options[newOption] = newValue;\n return obj;\n }\n }\n // Set option using loadash to translate string path like `object.object.key` to target a specific key within nested objects\n if (newValue === null) {\n newValue = undefined;\n }\n set(obj.options, newOption, newValue);\n // Remove any null, undefined, nad nulls from arrays\n obj.options = removeEmptyEntries(obj.options);\n return obj;\n};\n","const TOKEN_NAMESPACE_PREFIX_PATTERN = /(\\w+:)?/.source;\n// ex: token.name|suh (old-style filter chain)\n// ex: token.name|lower|capitalize (new-style filter chain)\nconst TOKEN_NAME_CHARS_PATTERN = /([^$|:]+?)(\\|[|\\w]+)?/.source;\n// ex: $ns:token.name|suh$\nconst TOKEN_PATTERN = /\\$/.source + TOKEN_NAMESPACE_PREFIX_PATTERN + TOKEN_NAME_CHARS_PATTERN + /\\$/.source;\n\nconst TokenRegExp = new RegExp(TOKEN_PATTERN);\n\nexport const hasTokens = value => typeof value === 'string' && TokenRegExp.test(value);\n","import React, { Children, cloneElement } from 'react';\nimport type { ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup from '@splunk/react-ui/ControlGroup';\nimport type { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced = false,\n label,\n hideLabel,\n labelPosition,\n labelWidth,\n tooltip,\n help,\n style,\n error,\n controlsLayout,\n onClick,\n onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n <ControlGroupContainer\n data-test={dataTest ?? 'control-group'}\n label={label}\n hideLabel={hideLabel}\n labelPosition={labelPosition}\n labelWidth={labelWidth}\n tooltip={tooltip}\n help={help}\n error={error}\n style={style}\n onClick={onClick}\n controlsLayout={controlsLayout}\n >\n {isAdvanced\n ? Children.toArray(children)\n .filter(Boolean)\n .map(child =>\n cloneElement(child as ReactElement, {\n style: { flex: 1 },\n })\n )\n : children}\n {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n /**\n * Style overriding SUI ControlGroup\n */\n style: T.object,\n /**\n * Whether the current editor is enabled with advanced configurations\n */\n isAdvanced: T.bool,\n /**\n * Callback for editor click\n */\n onClick: T.func,\n /**\n * Callback for advanced config button click\n */\n onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","export const FLYOUT_PADDING = 21;\nexport const COLUMN_FLYOUT_PADDING = 16;\nexport const FLYOUT_WIDTH = 344;\n\nexport const VERTICAL_EDITOR_SPACING = 16;\n\nexport const DROPDOWN_MENU_WIDTH = 327;\n\nexport const editorStyle = { width: '100%' };\n","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@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/i18n\");","module.exports = require(\"lodash\");","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useCallback } from 'react';\nimport T from 'prop-types';\nimport Select from '@splunk/react-ui/Select';\nimport { hasTokens } from '../utils/token';\nimport { getOptions } from '../utils/EditorFunctions';\nimport { editorStyle } from '../shared/dimensionConstants';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\nconst SelectEditor = ({\n onChange,\n name,\n itemSchema,\n values,\n value,\n labelPosition = 'top',\n labelWidth,\n label,\n tooltip,\n isDisabled = false,\n isAdvanced,\n hideLabel,\n}) => {\n const options = getOptions(itemSchema, values);\n const disabled = hasTokens(value) || isDisabled;\n const handleChange = useCallback((event, { value: v }) => onChange(event, name, v), [onChange, name]);\n\n return (\n <ControlGroup\n label={label}\n labelPosition={labelPosition}\n labelWidth={labelWidth}\n tooltip={tooltip}\n isAdvanced={isAdvanced}\n hideLabel={hideLabel}\n >\n <Select\n data-test={name}\n onChange={handleChange}\n value={value}\n disabled={disabled}\n style={editorStyle}\n >\n {options.map(v => (\n <Select.Option\n key={v.value}\n value={v.value}\n label={v.label || v.value}\n icon={v.icon ? <v.icon /> : null}\n />\n ))}\n </Select>\n </ControlGroup>\n );\n};\n\nSelectEditor.propTypes = {\n /**\n * Callback when selecting an item from the menu\n *\n * @param {SyntheticEvent} event The React `SyntheticEvent`\n * @param {string} name The option name\n * @param {string|boolean} value The option value\n */\n onChange: T.func.isRequired,\n /**\n * The option name\n */\n name: T.string.isRequired,\n /**\n * The item JSON schema, it should contain `enum` property. Note this will only be used when `values` prop is undefined\n */\n itemSchema: T.object,\n /**\n * The option values that can be selected\n */\n values: T.arrayOf(\n T.shape({\n label: T.string,\n value: T.oneOfType([T.string, T.number]).isRequired,\n })\n ),\n /**\n * The option value\n */\n value: T.oneOfType([T.string, T.number]),\n /**\n * A human readable label for the option\n */\n label: T.string.isRequired,\n /**\n * Label position\n */\n labelPosition: T.oneOf(['left', 'top']),\n labelWidth: T.number,\n /**\n * Text to display in a tooltip next to the label\n */\n tooltip: T.string,\n /**\n * Disabled state of component\n */\n isDisabled: T.bool,\n /**\n * As advanced editor to show advanced config button\n */\n isAdvanced: T.bool,\n /**\n * Disable label of control group\n */\n hideLabel: T.bool,\n};\n\nexport default SelectEditor;\n"],"names":["require","getOptions","itemSchema","values","Array","isArray","enum","map","item","value","Error","JSON","stringify","TokenRegExp","RegExp","source","hasTokens","test","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","label","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","labelPosition","labelWidth","tooltip","help","style","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","child","cloneElement","flex","propTypes","T","object","bool","func","editorStyle","width","module","exports","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","SelectEditor","onChange","name","isDisabled","options","disabled","handleChange","useCallback","event","v","React","ControlGroup","Select","isRequired"],"sourceRoot":""}
1
+ {"version":3,"file":"SelectEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/visualizations-shared/schemaUtils\"","webpack://@splunk/dynamic-editors/./src/utils/EditorFunctions.js","webpack://@splunk/dynamic-editors/./src/utils/token.js","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/defineProperty\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@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/i18n\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/runtime/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/./src/editors/SelectEditor.jsx"],"sourcesContent":["const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@splunk/visualizations-shared/schemaUtils\");","import { cloneDeep, forIn, isPlainObject, omit, set } from 'lodash';\nimport { DYNAMIC_OPTIONS_DSL_PATTERN } from '@splunk/visualizations-shared/schemaUtils';\n\n/**\n * Return values, or parse enum values if values do not exist\n * @param {Object} itemSchema Validation config for an editor item\n * @param {Object[]} values List of predefined { label, value } objects for use by editor\n * @returns {Object[]} List of { label, value } objects for use by editor\n */\nexport const getOptions = (itemSchema, values) => {\n if (Array.isArray(values)) {\n return values;\n }\n\n if (itemSchema && Array.isArray(itemSchema.enum)) {\n return itemSchema.enum.map(item => ({ value: item }));\n }\n\n throw Error(`No valid values provided to editor: ${JSON.stringify(itemSchema)}`);\n};\n\nexport function handleOptionsChange(name, value, options = { debounce: false }) {\n const { visualization } = this.props;\n if (value == null) {\n this.props.onVisualizationChange(\n {\n ...visualization,\n options: omit(visualization.options, [name]),\n },\n options\n );\n } else {\n this.props.onVisualizationChange(\n {\n ...visualization,\n options: {\n ...visualization.options,\n [name]: value,\n },\n },\n options\n );\n }\n}\n\n/*\n * @method isMultipleRulesSchema\n * @param {Object} itemSchema\n * @returns {Boolean}\n */\nexport const isMultipleRulesSchema = itemSchema => !!itemSchema.anyOf && itemSchema.anyOf.length > 0;\n\n/*\n * @method isDynamicOptionSchema\n * @param {Object} schema\n * @returns {Boolean}\n */\nexport const isDynamicOptionSchema = schema =>\n schema.type === 'string' && schema.pattern === DYNAMIC_OPTIONS_DSL_PATTERN;\n\n/*\n * @method isNestedOption\n * @param {String} optionName\n * @returns {Boolean}\n */\nexport const isNestedOption = optionName => {\n const nestedOptionPattern = /^\\w+\\[\\d+\\]\\.(.+)$/;\n return nestedOptionPattern.exec(optionName) !== null;\n};\n\n/*\n * @method getStaticItemSchema\n * @param {Object} itemSchema\n * @returns {Object} staticItemSchema\n */\nexport const getStaticItemSchema = itemSchema => {\n if (!isMultipleRulesSchema(itemSchema)) {\n return itemSchema;\n }\n\n const staticSchema = itemSchema.anyOf.find(schema => !isDynamicOptionSchema(schema));\n return { ...omit(itemSchema, 'anyOf'), ...staticSchema };\n};\n\n/**\n * @method isContextCompatibleWithFormatter\n * @param {Array | Object} contextConfig\n * @param {String} formatterType\n * @returns {Boolean} true if context structure is compatible with formatter type\n */\nconst isContextCompatibleWithFormatter = (contextConfig, formatterType) => {\n if (!contextConfig || !formatterType) {\n return false;\n }\n\n // Gradient formatter expects an object with 'colors' property\n if (formatterType === 'gradient') {\n return (\n typeof contextConfig === 'object' && !Array.isArray(contextConfig) && 'colors' in contextConfig\n );\n }\n\n // Range/Match formatters expect an array\n if (formatterType === 'rangeValue' || formatterType === 'matchValue') {\n return Array.isArray(contextConfig);\n }\n\n // For unknown formatters, assume compatible to maintain existing behavior\n return true;\n};\n\n/**\n * @method getFormatterConfig\n * @param {Object} props\n * @param {Array | Object} [props.contextConfig]\n * @param {Array} props.formatters\n * @param {String} props.formatterFromDSL\n * @param {String} props.selectedDataSelector\n * @returns {Array | Object} the default formatter config of dynamic color editors' fomatter\n */\nexport const getFormatterConfig = ({ contextConfig, formatters, formatterFromDSL, selectedDataSelector }) => {\n // If no context exists, use default config\n if (!contextConfig) {\n const currentFormatter = formatters?.find(formatter => formatter.value === formatterFromDSL);\n const formatterConfig = currentFormatter?.defaults?.[selectedDataSelector];\n return formatterConfig || [];\n }\n\n // If no formatter type is provided, return context as-is for backward compatibility\n if (!formatterFromDSL) {\n return contextConfig;\n }\n\n // Check if existing context is compatible with the formatter type\n if (isContextCompatibleWithFormatter(contextConfig, formatterFromDSL)) {\n return contextConfig;\n }\n\n // Context is incompatible, use default config instead\n const currentFormatter = formatters?.find(formatter => formatter.value === formatterFromDSL);\n const formatterConfig = currentFormatter?.defaults?.[selectedDataSelector];\n return formatterConfig || [];\n};\n\n/**\n * @method isSupportedDataSelector\n * @param {Object} config\n * @param {String} config.selectedDataSelector e.g. 'majorValue'\n * @param {Array} config.dataSelectors e.g. [{ label: 'value', value: 'majorValue'}]\n * @returns {Boolean} true if dataSelectors includes selectedDataSelector\n */\nexport const isSupportedDataSelector = ({ selectedDataSelector, dataSelectors }) => {\n if (!selectedDataSelector || !dataSelectors?.length) {\n return false;\n }\n return dataSelectors.some(ds => ds.value === selectedDataSelector);\n};\n\n/**\n * @method isSupportedFormatter\n * @param {Object} config\n * @param {String} [config.selectedFormatterType] e.g. 'rangeValue'\n * @param {Array} [config.formattersFromEditor] e.g. [{ label: 'rangle', value: 'rangeValue', defaults: {}}]\n * @param {Object} config.supportedFormatters e.g. {rangeValue: {}, matchValue: {}}\n * @returns {Boolean} true if formattersFromEditor includes selectedFormatterType and selectedFormatterType is one of supportedFormatters on editor\n */\nexport const isSupportedFormatter = ({\n selectedFormatterType,\n formattersFromEditor,\n supportedFormatters,\n}) => {\n if (\n !selectedFormatterType ||\n !supportedFormatters?.[selectedFormatterType] ||\n !formattersFromEditor?.length\n ) {\n return false;\n }\n return formattersFromEditor.some(fm => fm.value === selectedFormatterType);\n};\n\n/**\n * @method getFilteredRowsByShowEditor filters the EditorItem objects which are visible based on showEditor property\n * @param {Object} args\n * @param {Array} args.row\n * @param {Object} args.options // item options\n * @param {Object} args.encoding\n * @param {Object} args.featureFlags\n * @returns array of EditorItem objects or empty array\n */\nexport const getFilteredRowsByShowEditor = ({ row, options, encoding, featureFlags }) => {\n if (!row || !Array.isArray(row)) {\n return [];\n }\n const filteredRow = row.filter(\n item =>\n typeof item.showEditor === 'undefined' ||\n (typeof item.showEditor === 'function' && item.showEditor({ options, encoding, featureFlags }))\n );\n return filteredRow;\n};\n\n/**\n * @method removeEmptyEntries Removes of all entries where the value is null, undefined, and convert nulls in arrays to undefined\n * @param {Object} obj\n */\nconst removeEmptyEntries = obj => {\n const returnObj = cloneDeep(obj);\n forIn(returnObj, (value, key) => {\n if ((value !== null && value !== undefined && Array.isArray(value)) || isPlainObject(value)) {\n returnObj[key] = removeEmptyEntries(returnObj[key]);\n }\n if (Array.isArray(value)) {\n returnObj[key] = value.map(val => (val === null ? undefined : val));\n }\n if (value === null || value === undefined) {\n delete returnObj[key];\n }\n });\n return returnObj;\n};\n\n/**\n * @method getToggleOffValueForDataColors determines the appropriate value when toggling off dataColors\n * @param {Object} config\n * @param {String} config.name - the option name (e.g., 'dataColors', 'layers[0].dataColors')\n * @param {Object} config.options - all visualization options\n * @param {String[]} config.dataSelectors - available data selectors (e.g., ['areaValues'])\n * @returns {String} appropriate toggle-off value (empty string or gradient fallback)\n */\nexport const getToggleOffValueForDataColors = ({ name, options, dataSelectors = [] }) => {\n // Only process dataColors options\n if (!name?.includes('dataColors')) {\n return '';\n }\n\n // Check if this is a choropleth layer by examining the layer configuration\n const isChoroplethLayer = () => {\n // Handle top-level dataColors\n if (name === 'dataColors') {\n return options?.type === 'choropleth' || options?.layerType === 'choropleth';\n }\n\n // Handle nested layer dataColors (e.g., layers[0].dataColors)\n const layerPattern = /^layers\\[(\\d+)\\]\\.dataColors$/;\n const layerMatch = layerPattern.exec(name);\n if (layerMatch) {\n const layerIndex = parseInt(layerMatch[1], 10);\n const layer = options?.layers?.[layerIndex];\n return layer?.type === 'choropleth' || layer?.layerType === 'choropleth';\n }\n\n return false;\n };\n\n // Check if areaValues is available as a data selector\n const hasAreaValuesSelector = dataSelectors.includes('areaValues');\n\n // Return gradient fallback for choropleth layers with areaValues, empty string otherwise\n if (isChoroplethLayer() && hasAreaValuesSelector) {\n return '> areaValues | gradient()';\n }\n\n return '';\n};\n\n/**\n * @method convertEmptyDataColorsForChoropleth handles the conversion of empty dataColors option to gradient fallback for choropleth layers\n * @param {Object} config\n * @param {String} config.option - the option name (e.g., 'dataColors', 'layers[0].dataColors')\n * @param {Any} config.value - the option value\n * @param {Object} config.options - all visualization options\n * @param {String[]} config.dataSelectors - available data selectors (e.g., ['areaValues'])\n * @returns {String|Any} converted value for choropleth or original value\n */\nexport const convertEmptyDataColorsForChoropleth = ({ option, value, options, dataSelectors = [] }) => {\n // Only process dataColors options\n if (!option?.includes('dataColors')) {\n return value;\n }\n\n // Only convert empty string values\n if (value !== '') {\n return value;\n }\n\n // Use the toggle-off value logic\n return getToggleOffValueForDataColors({ name: option, options, dataSelectors });\n};\n\n/**\n * @method setOption sets an options value\n * @param {String} option\n * @param {Any} value\n * @param {Object} oldVisualization\n * @param {Object} optionSchema\n * @param {Object} defaultOverrides\n * @param {String[]} dataSelectors - available data selectors for choropleth conversion\n * @returns visualization object with updated options\n */\nexport const setOption = (option, value, oldVisualization, optionSchema, defaultOverrides, dataSelectors) => {\n const obj = {\n ...oldVisualization,\n };\n\n let newOption = option;\n let newValue = value;\n\n // Apply choropleth-specific conversion for empty dataColors\n if (newValue === '' && newOption?.includes('dataColors')) {\n newValue = convertEmptyDataColorsForChoropleth({\n option: newOption,\n value: newValue,\n options: oldVisualization.options,\n dataSelectors,\n });\n }\n\n // Remove from definition if value is null/undefined, and the key is explicitly set in the optionSchema\n if ((newValue === null || newValue === undefined) && optionSchema[newOption]) {\n obj.options = omit(oldVisualization.options, newOption);\n return obj;\n }\n\n // Remove from definition if value is the same as the default from the overrides or the schema\n const schemaDefault = defaultOverrides?.[newOption] ?? optionSchema[newOption]?.default;\n if (typeof schemaDefault !== 'undefined' && newValue === schemaDefault) {\n obj.options = omit(oldVisualization.options, newOption);\n return obj;\n }\n // Copy options\n obj.options = cloneDeep(oldVisualization.options);\n obj.options ??= {};\n // ColumnSelectionEditor returns the option as an object\n // with a key/value pair inside that object with the param value as undefiend\n if ((value === null || value === undefined) && isPlainObject(option) && isPlainObject(option.options)) {\n [newOption] = Object.keys(option.options);\n [newValue] = Object.values(option.options);\n }\n // Select explicitly exposed option first for non arrays / objects\n if (optionSchema[newOption]) {\n if (optionSchema[newOption].type !== 'array') {\n obj.options[newOption] = newValue;\n return obj;\n }\n }\n // Set option using loadash to translate string path like `object.object.key` to target a specific key within nested objects\n if (newValue === null) {\n newValue = undefined;\n }\n set(obj.options, newOption, newValue);\n // Remove any null, undefined, nad nulls from arrays\n obj.options = removeEmptyEntries(obj.options);\n return obj;\n};\n","const TOKEN_NAMESPACE_PREFIX_PATTERN = /(\\w+:)?/.source;\n// ex: token.name|suh (old-style filter chain)\n// ex: token.name|lower|capitalize (new-style filter chain)\nconst TOKEN_NAME_CHARS_PATTERN = /([^$|:]+?)(\\|[|\\w]+)?/.source;\n// ex: $ns:token.name|suh$\nconst TOKEN_PATTERN = /\\$/.source + TOKEN_NAMESPACE_PREFIX_PATTERN + TOKEN_NAME_CHARS_PATTERN + /\\$/.source;\n\nconst TokenRegExp = new RegExp(TOKEN_PATTERN);\n\nexport const hasTokens = value => typeof value === 'string' && TokenRegExp.test(value);\n","import React, { Children, cloneElement } from 'react';\nimport type { ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup from '@splunk/react-ui/ControlGroup';\nimport type { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced = false,\n label,\n hideLabel,\n labelPosition,\n labelWidth,\n tooltip,\n help,\n style,\n error,\n controlsLayout,\n onClick,\n onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n <ControlGroupContainer\n data-test={dataTest ?? 'control-group'}\n label={label}\n hideLabel={hideLabel}\n labelPosition={labelPosition}\n labelWidth={labelWidth}\n tooltip={tooltip}\n help={help}\n error={error}\n style={style}\n onClick={onClick}\n controlsLayout={controlsLayout}\n >\n {isAdvanced\n ? Children.toArray(children)\n .filter(Boolean)\n .map(child =>\n cloneElement(child as ReactElement, {\n style: { flex: 1 },\n })\n )\n : children}\n {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n /**\n * Style overriding SUI ControlGroup\n */\n style: T.object,\n /**\n * Whether the current editor is enabled with advanced configurations\n */\n isAdvanced: T.bool,\n /**\n * Callback for editor click\n */\n onClick: T.func,\n /**\n * Callback for advanced config button click\n */\n onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","export const FLYOUT_PADDING = 21;\nexport const COLUMN_FLYOUT_PADDING = 16;\nexport const FLYOUT_WIDTH = 344;\n\nexport const VERTICAL_EDITOR_SPACING = 16;\n\nexport const DROPDOWN_MENU_WIDTH = 327;\n\nexport const editorStyle = { width: '100%' };\n","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@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/i18n\");","module.exports = require(\"lodash\");","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useCallback } from 'react';\nimport T from 'prop-types';\nimport Select from '@splunk/react-ui/Select';\nimport { hasTokens } from '../utils/token';\nimport { getOptions } from '../utils/EditorFunctions';\nimport { editorStyle } from '../shared/dimensionConstants';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\nconst SelectEditor = ({\n onChange,\n name,\n itemSchema,\n values,\n value,\n labelPosition = 'top',\n labelWidth,\n label,\n tooltip,\n isDisabled = false,\n isAdvanced,\n hideLabel,\n help,\n}) => {\n const options = getOptions(itemSchema, values);\n const disabled = hasTokens(value) || isDisabled;\n const handleChange = useCallback((event, { value: v }) => onChange(event, name, v), [onChange, name]);\n\n return (\n <ControlGroup\n label={label}\n labelPosition={labelPosition}\n labelWidth={labelWidth}\n tooltip={tooltip}\n help={help}\n isAdvanced={isAdvanced}\n hideLabel={hideLabel}\n >\n <Select\n data-test={name}\n onChange={handleChange}\n value={value}\n disabled={disabled}\n style={editorStyle}\n >\n {options.map(v => (\n <Select.Option\n key={v.value}\n value={v.value}\n label={v.label || v.value}\n icon={v.icon ? <v.icon /> : null}\n description={v.description}\n />\n ))}\n </Select>\n </ControlGroup>\n );\n};\n\nSelectEditor.propTypes = {\n /**\n * Callback when selecting an item from the menu\n *\n * @param {SyntheticEvent} event The React `SyntheticEvent`\n * @param {string} name The option name\n * @param {string|boolean} value The option value\n */\n onChange: T.func.isRequired,\n /**\n * The option name\n */\n name: T.string.isRequired,\n /**\n * The item JSON schema, it should contain `enum` property. Note this will only be used when `values` prop is undefined\n */\n itemSchema: T.object,\n /**\n * The option values that can be selected\n */\n values: T.arrayOf(\n T.shape({\n label: T.string,\n value: T.oneOfType([T.string, T.number]).isRequired,\n description: T.string,\n })\n ),\n /**\n * The option value\n */\n value: T.oneOfType([T.string, T.number]),\n /**\n * A human readable label for the option\n */\n label: T.string.isRequired,\n /**\n * Label position\n */\n labelPosition: T.oneOf(['left', 'top']),\n labelWidth: T.number,\n /**\n * Text to display in a tooltip next to the label\n */\n tooltip: T.string,\n /**\n * Disabled state of component\n */\n isDisabled: T.bool,\n /**\n * As advanced editor to show advanced config button\n */\n isAdvanced: T.bool,\n /**\n * Disable label of control group\n */\n hideLabel: T.bool,\n /**\n * Text to display under the the input\n */\n help: T.string,\n};\n\nexport default SelectEditor;\n"],"names":["require","getOptions","itemSchema","values","Array","isArray","enum","map","item","value","Error","JSON","stringify","TokenRegExp","RegExp","source","hasTokens","test","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","label","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","labelPosition","labelWidth","tooltip","help","style","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","child","cloneElement","flex","propTypes","T","object","bool","func","editorStyle","width","module","exports","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","SelectEditor","onChange","name","isDisabled","options","disabled","handleChange","useCallback","event","v","React","ControlGroup","Select","description","isRequired"],"sourceRoot":""}