@splunk/dynamic-editors 0.37.3 → 0.37.4

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 (68) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/DynamicEditor.js +88 -88
  3. package/DynamicEditor.js.map +1 -1
  4. package/containers/EditorItem.js +56 -56
  5. package/containers/EditorItem.js.map +1 -1
  6. package/containers/EditorLayout.js +112 -112
  7. package/containers/EditorLayout.js.map +1 -1
  8. package/containers/EditorLayoutItem.js +108 -108
  9. package/containers/EditorLayoutItem.js.map +1 -1
  10. package/containers/EncodingItem.js +1 -1
  11. package/containers/EncodingItem.js.map +1 -1
  12. package/editors/AdvancedConfigCard.js +4 -4
  13. package/editors/AdvancedConfigCard.js.map +1 -1
  14. package/editors/ArrayOfStringsEditor.js +2 -2
  15. package/editors/ArrayOfStringsEditor.js.map +1 -1
  16. package/editors/CheckboxEditor.js +7 -7
  17. package/editors/CheckboxEditor.js.map +1 -1
  18. package/editors/ColorEditor.js +8 -8
  19. package/editors/ColorEditor.js.map +1 -1
  20. package/editors/ColumnMultiSelectionByFieldNameEditor.js +2 -2
  21. package/editors/ColumnMultiSelectionByFieldNameEditor.js.map +1 -1
  22. package/editors/ColumnMultiSelectionEditor.js +1 -1
  23. package/editors/ColumnMultiSelectionEditor.js.map +1 -1
  24. package/editors/ColumnSelectionEditor.js +2 -2
  25. package/editors/ColumnSelectionEditor.js.map +1 -1
  26. package/editors/DynamicColorEditor.js +3 -3
  27. package/editors/DynamicColorEditor.js.map +1 -1
  28. package/editors/DynamicColorEditorWithPrecedence.js +5 -5
  29. package/editors/DynamicColorEditorWithPrecedence.js.map +1 -1
  30. package/editors/DynamicItemEditor.js +4 -4
  31. package/editors/DynamicItemEditor.js.map +1 -1
  32. package/editors/ImageEditor.js +5 -5
  33. package/editors/ImageEditor.js.map +1 -1
  34. package/editors/MarkdownEditor.js +1 -1
  35. package/editors/MarkdownEditor.js.map +1 -1
  36. package/editors/MultiColorPickerEditor.js +13 -13
  37. package/editors/MultiColorPickerEditor.js.map +1 -1
  38. package/editors/NumberEditor.js +1 -1
  39. package/editors/NumberEditor.js.map +1 -1
  40. package/editors/PercentEditor.js +3 -3
  41. package/editors/PercentEditor.js.map +1 -1
  42. package/editors/PresetSelectorEditor.js +1 -1
  43. package/editors/PresetSelectorEditor.js.map +1 -1
  44. package/editors/RadioBarEditor.js +2 -2
  45. package/editors/RadioBarEditor.js.map +1 -1
  46. package/editors/SelectEditor.js +4 -4
  47. package/editors/SelectEditor.js.map +1 -1
  48. package/editors/SeriesColorsByFieldEditor.js +13 -13
  49. package/editors/SeriesColorsByFieldEditor.js.map +1 -1
  50. package/editors/SeriesColorsEditor.js +16 -16
  51. package/editors/SeriesColorsEditor.js.map +1 -1
  52. package/editors/SliderEditor.js +1 -1
  53. package/editors/SliderEditor.js.map +1 -1
  54. package/editors/StaticItemEditor.js +6 -6
  55. package/editors/StaticItemEditor.js.map +1 -1
  56. package/editors/TableColumnFormatterEditor.js +54 -54
  57. package/editors/TableColumnFormatterEditor.js.map +1 -1
  58. package/editors/TextAreaEditor.js +1 -1
  59. package/editors/TextAreaEditor.js.map +1 -1
  60. package/editors/TextEditor.js +4 -4
  61. package/editors/TextEditor.js.map +1 -1
  62. package/editors/ThresholdEditor.js +22 -22
  63. package/editors/ThresholdEditor.js.map +1 -1
  64. package/editors/ToggleEditor.js +1 -1
  65. package/editors/ToggleEditor.js.map +1 -1
  66. package/package.json +2 -2
  67. package/shared/AdvancedControlGroup.js +2 -2
  68. package/shared/AdvancedControlGroup.js.map +1 -1
@@ -2,5 +2,5 @@
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={n:n=>{var o=n&&n.__esModule?()=>n.default:()=>n;return e.d(o,{a:o}),o},d:(n,o)=>{for(var i in o)e.o(o,i)&&!e.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:o[i]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>g});const o=require("@babel/runtime/helpers/extends");var i=e.n(o);const r=require("react");var t=e.n(r);const d=require("prop-types");var s=e.n(d);const c=()=>null;c.propTypes={name:s().string.isRequired,dimensions:s().object.isRequired,encodingAST:s().object.isRequired,onEncodingASTChange:s().object.isRequired,label:s().string,metaKey:s().string};const a={"encoding.dimension.point":()=>null,"encoding.dimension.series":()=>null,"encoding.dimension.frame":()=>null,"encoding.formatter.color":c},l=({item:e,name:n,encodingAST:o,dimensions:r,onEncodingASTChange:d})=>{const{editor:s}=e;let c;if("string"==typeof s){if(!a[s])throw Error(`Invalid editor type: ${s}`);c=a[s]}else c=s;return t().createElement("div",{key:e.option||e.encoding},t().createElement(c,i()({},e.editorProps,{label:e.label,name:n,dimensions:r,onEncodingASTChange:d,encodingAST:o})))};l.propTypes={item:s().object,name:s().string,encodingAST:s().object,dimensions:s().object,onEncodingASTChange:s().func},l.defaultProps={onEncodingASTChange:()=>{}};const g=l;module.exports=n})();
5
+ */(()=>{"use strict";var e={n:n=>{var o=n&&n.__esModule?()=>n.default:()=>n;return e.d(o,{a:o}),o},d:(n,o)=>{for(var i in o)e.o(o,i)&&!e.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:o[i]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>u});const o=require("@babel/runtime/helpers/extends");var i=e.n(o);const r=require("react");var t=e.n(r);const d=require("prop-types");var s=e.n(d);const c=require("lodash"),l=()=>null;l.propTypes={name:s().string.isRequired,dimensions:s().object.isRequired,encodingAST:s().object.isRequired,onEncodingASTChange:s().object.isRequired,label:s().string,metaKey:s().string};const a={"encoding.dimension.point":()=>null,"encoding.dimension.series":()=>null,"encoding.dimension.frame":()=>null,"encoding.formatter.color":l},g=({item:e,name:n,encodingAST:o,dimensions:r,onEncodingASTChange:d=c.noop})=>{const{editor:s}=e;let l;if("string"==typeof s){if(!a[s])throw Error(`Invalid editor type: ${s}`);l=a[s]}else l=s;return t().createElement("div",{key:e.option||e.encoding},t().createElement(l,i()({},e.editorProps,{label:e.label,name:n,dimensions:r,onEncodingASTChange:d,encodingAST:o})))};g.propTypes={item:s().object,name:s().string,encodingAST:s().object,dimensions:s().object,onEncodingASTChange:s().func};const u=g;module.exports=n})();
6
6
  //# sourceMappingURL=EncodingItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"EncodingItem.js","mappings":";;;;sBACA,IAAIA,EAAsB,CCA1BA,EAAyBC,IACxB,IAAIC,EAASD,GAAUA,EAAOE,WAC7B,IAAOF,EAAiB,QACxB,IAAM,EAEP,OADAD,EAAoBI,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdF,EAAwB,CAACM,EAASC,KACjC,IAAI,IAAIC,KAAOD,EACXP,EAAoBS,EAAEF,EAAYC,KAASR,EAAoBS,EAAEH,EAASE,IAC5EE,OAAOC,eAAeL,EAASE,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDR,EAAwB,CAACc,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFf,EAAyBM,IACH,oBAAXa,QAA0BA,OAAOC,aAC1CV,OAAOC,eAAeL,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DX,OAAOC,eAAeL,EAAS,aAAc,CAAEe,OAAO,GAAO,G,mCCL9D,MAAM,EAA+BC,QAAQ,kC,aCA7C,MAAM,EAA+BA,QAAQ,S,aCA7C,MAAM,EAA+BA,QAAQ,c,aCA7C,MCGMC,EAAiBA,IAAM,KAE7BA,EAAeC,UAAY,CAIvBC,KAAMC,IAAAA,OAASC,WAIfC,WAAYF,IAAAA,OAASC,WAIrBE,YAAaH,IAAAA,OAASC,WAItBG,oBAAqBJ,IAAAA,OAASC,WAI9BI,MAAOL,IAAAA,OAIPM,QAASN,IAAAA,QAEb,MCxBMO,EAAqB,CACvB,2BFRJ,IAAqB,KESjB,4BCTJ,IAAqB,KDUjB,2BEVJ,IAAqB,KFWjB,2BDoBJ,GCdMC,EAAeA,EAAGC,OAAMV,OAAMI,cAAaD,aAAYE,0BACzD,MAAM,OAAEM,GAAWD,EAEnB,IAAIE,EACJ,GAAsB,iBAAXD,EAAqB,CAC5B,IAAKH,EAAmBG,GACpB,MAAME,MAAM,wBAAwBF,KAExCC,EAAiBJ,EAAmBG,EACxC,MACIC,EAAiBD,EAGrB,OACIG,IAAAA,cAAA,OAAK/B,IAAK2B,EAAKK,QAAUL,EAAKM,UAC1BF,IAAAA,cAACF,EAAcK,IAAA,GACPP,EAAKQ,YAAW,CACpBZ,MAAOI,EAAKJ,MACZN,KAAMA,EACNG,WAAYA,EACZE,oBAAqBA,EACrBD,YAAaA,KAEf,EAIdK,EAAaV,UAAY,CAIrBW,KAAMT,IAAAA,OAIND,KAAMC,IAAAA,OAING,YAAaH,IAAAA,OAIbE,WAAYF,IAAAA,OAIZI,oBAAqBJ,IAAAA,MAGzBQ,EAAaU,aAAe,CACxBd,oBAAqBA,QAGzB,U","sources":["webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/runtime/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/extends\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/./src/encoding/DataPoint.jsx","webpack://@splunk/dynamic-editors/./src/encoding/formatters/Color.jsx","webpack://@splunk/dynamic-editors/./src/containers/EncodingItem.jsx","webpack://@splunk/dynamic-editors/./src/encoding/DataSeries.jsx","webpack://@splunk/dynamic-editors/./src/encoding/DataFrame.jsx"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@babel/runtime/helpers/extends\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"prop-types\");","export default () => null;\n","/* eslint-disable react/no-unused-prop-types */\nimport T from 'prop-types';\n\nconst ColorFormatter = () => null;\n\nColorFormatter.propTypes = {\n /**\n * name of the dimension\n */\n name: T.string.isRequired,\n /**\n * expected dimensions\n */\n dimensions: T.object.isRequired,\n /**\n * current encoding AST\n */\n encodingAST: T.object.isRequired,\n /**\n * callback for new encoding AST\n */\n onEncodingASTChange: T.object.isRequired,\n /**\n * label\n */\n label: T.string,\n /**\n * meta field\n */\n metaKey: T.string,\n};\nexport default ColorFormatter;\n","import React from 'react';\nimport T from 'prop-types';\nimport DataPointEditor from '../encoding/DataPoint';\nimport DataSeriesEditor from '../encoding/DataSeries';\nimport DataFrameEditor from '../encoding/DataFrame';\nimport ColorFormatter from '../encoding/formatters/Color';\n\nconst encodingEditorMaps = {\n 'encoding.dimension.point': DataPointEditor,\n 'encoding.dimension.series': DataSeriesEditor,\n 'encoding.dimension.frame': DataFrameEditor,\n 'encoding.formatter.color': ColorFormatter,\n};\n\n/**\n * Encoding container\n */\nconst EncodingItem = ({ item, name, encodingAST, dimensions, onEncodingASTChange }) => {\n const { editor } = item;\n\n let EncodingEditor;\n if (typeof editor === 'string') {\n if (!encodingEditorMaps[editor]) {\n throw Error(`Invalid editor type: ${editor}`);\n }\n EncodingEditor = encodingEditorMaps[editor];\n } else {\n EncodingEditor = editor;\n }\n\n return (\n <div key={item.option || item.encoding}>\n <EncodingEditor\n {...item.editorProps}\n label={item.label}\n name={name}\n dimensions={dimensions}\n onEncodingASTChange={onEncodingASTChange}\n encodingAST={encodingAST}\n />\n </div>\n );\n};\n\nEncodingItem.propTypes = {\n /**\n * editor config for encoding item\n */\n item: T.object,\n /**\n * dimension key\n */\n name: T.string,\n /**\n * parsed encoding object\n */\n encodingAST: T.object,\n /**\n * visualization dimension config\n */\n dimensions: T.object,\n /**\n * callback with changed encoding\n */\n onEncodingASTChange: T.func,\n};\n\nEncodingItem.defaultProps = {\n onEncodingASTChange: () => {},\n};\n\nexport default EncodingItem;\n","export default () => null;\n","export default () => null;\n"],"names":["__webpack_require__","module","getter","__esModule","d","a","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","require","ColorFormatter","propTypes","name","T","isRequired","dimensions","encodingAST","onEncodingASTChange","label","metaKey","encodingEditorMaps","EncodingItem","item","editor","EncodingEditor","Error","React","option","encoding","_extends","editorProps","defaultProps"],"sourceRoot":""}
1
+ {"version":3,"file":"EncodingItem.js","mappings":";;;;sBACA,IAAIA,EAAsB,CCA1BA,EAAyBC,IACxB,IAAIC,EAASD,GAAUA,EAAOE,WAC7B,IAAOF,EAAiB,QACxB,IAAM,EAEP,OADAD,EAAoBI,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdF,EAAwB,CAACM,EAASC,KACjC,IAAI,IAAIC,KAAOD,EACXP,EAAoBS,EAAEF,EAAYC,KAASR,EAAoBS,EAAEH,EAASE,IAC5EE,OAAOC,eAAeL,EAASE,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDR,EAAwB,CAACc,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFf,EAAyBM,IACH,oBAAXa,QAA0BA,OAAOC,aAC1CV,OAAOC,eAAeL,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DX,OAAOC,eAAeL,EAAS,aAAc,CAAEe,OAAO,GAAO,G,mCCL9D,MAAM,EAA+BC,QAAQ,kC,aCA7C,MAAM,EAA+BA,QAAQ,S,aCA7C,MAAM,EAA+BA,QAAQ,c,aCA7C,MAAM,EAA+BA,QAAQ,UCGvCC,EAAiBA,IAAM,KAE7BA,EAAeC,UAAY,CAIvBC,KAAMC,IAAAA,OAASC,WAIfC,WAAYF,IAAAA,OAASC,WAIrBE,YAAaH,IAAAA,OAASC,WAItBG,oBAAqBJ,IAAAA,OAASC,WAI9BI,MAAOL,IAAAA,OAIPM,QAASN,IAAAA,QAEb,MCvBMO,EAAqB,CACvB,2BCTJ,IAAqB,KDUjB,4BEVJ,IAAqB,KFWjB,2BGXJ,IAAqB,KHYjB,2BDmBJ,GCbMC,EAAeA,EAAGC,OAAMV,OAAMI,cAAaD,aAAYE,sBAAsBM,EAAAA,SAC/E,MAAM,OAAEC,GAAWF,EAEnB,IAAIG,EACJ,GAAsB,iBAAXD,EAAqB,CAC5B,IAAKJ,EAAmBI,GACpB,MAAME,MAAM,wBAAwBF,KAExCC,EAAiBL,EAAmBI,EACxC,MACIC,EAAiBD,EAGrB,OACIG,IAAAA,cAAA,OAAKhC,IAAK2B,EAAKM,QAAUN,EAAKO,UAC1BF,IAAAA,cAACF,EAAcK,IAAA,GACPR,EAAKS,YAAW,CACpBb,MAAOI,EAAKJ,MACZN,KAAMA,EACNG,WAAYA,EACZE,oBAAqBA,EACrBD,YAAaA,KAEf,EAIdK,EAAaV,UAAY,CAIrBW,KAAMT,IAAAA,OAIND,KAAMC,IAAAA,OAING,YAAaH,IAAAA,OAIbE,WAAYF,IAAAA,OAIZI,oBAAqBJ,IAAAA,MAGzB,U","sources":["webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/runtime/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/external commonjs2 \"@babel/runtime/helpers/extends\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"lodash\"","webpack://@splunk/dynamic-editors/./src/encoding/formatters/Color.jsx","webpack://@splunk/dynamic-editors/./src/containers/EncodingItem.jsx","webpack://@splunk/dynamic-editors/./src/encoding/DataPoint.jsx","webpack://@splunk/dynamic-editors/./src/encoding/DataSeries.jsx","webpack://@splunk/dynamic-editors/./src/encoding/DataFrame.jsx"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@babel/runtime/helpers/extends\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"prop-types\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"lodash\");","/* eslint-disable react/no-unused-prop-types */\nimport T from 'prop-types';\n\nconst ColorFormatter = () => null;\n\nColorFormatter.propTypes = {\n /**\n * name of the dimension\n */\n name: T.string.isRequired,\n /**\n * expected dimensions\n */\n dimensions: T.object.isRequired,\n /**\n * current encoding AST\n */\n encodingAST: T.object.isRequired,\n /**\n * callback for new encoding AST\n */\n onEncodingASTChange: T.object.isRequired,\n /**\n * label\n */\n label: T.string,\n /**\n * meta field\n */\n metaKey: T.string,\n};\nexport default ColorFormatter;\n","import React from 'react';\nimport T from 'prop-types';\nimport { noop } from 'lodash';\nimport DataPointEditor from '../encoding/DataPoint';\nimport DataSeriesEditor from '../encoding/DataSeries';\nimport DataFrameEditor from '../encoding/DataFrame';\nimport ColorFormatter from '../encoding/formatters/Color';\n\nconst encodingEditorMaps = {\n 'encoding.dimension.point': DataPointEditor,\n 'encoding.dimension.series': DataSeriesEditor,\n 'encoding.dimension.frame': DataFrameEditor,\n 'encoding.formatter.color': ColorFormatter,\n};\n\n/**\n * Encoding container\n */\nconst EncodingItem = ({ item, name, encodingAST, dimensions, onEncodingASTChange = noop }) => {\n const { editor } = item;\n\n let EncodingEditor;\n if (typeof editor === 'string') {\n if (!encodingEditorMaps[editor]) {\n throw Error(`Invalid editor type: ${editor}`);\n }\n EncodingEditor = encodingEditorMaps[editor];\n } else {\n EncodingEditor = editor;\n }\n\n return (\n <div key={item.option || item.encoding}>\n <EncodingEditor\n {...item.editorProps}\n label={item.label}\n name={name}\n dimensions={dimensions}\n onEncodingASTChange={onEncodingASTChange}\n encodingAST={encodingAST}\n />\n </div>\n );\n};\n\nEncodingItem.propTypes = {\n /**\n * editor config for encoding item\n */\n item: T.object,\n /**\n * dimension key\n */\n name: T.string,\n /**\n * parsed encoding object\n */\n encodingAST: T.object,\n /**\n * visualization dimension config\n */\n dimensions: T.object,\n /**\n * callback with changed encoding\n */\n onEncodingASTChange: T.func,\n};\n\nexport default EncodingItem;\n","export default () => null;\n","export default () => null;\n","export default () => null;\n"],"names":["__webpack_require__","module","getter","__esModule","d","a","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","require","ColorFormatter","propTypes","name","T","isRequired","dimensions","encodingAST","onEncodingASTChange","label","metaKey","encodingEditorMaps","EncodingItem","item","noop","editor","EncodingEditor","Error","React","option","encoding","_extends","editorProps"],"sourceRoot":""}
@@ -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={527:function(e,t,a){var l=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,o)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&l(t,e,a);return o(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_TEXT_DISPLAY=t.DEFAULT_TEXT_CONFIG=void 0;const i=r(a(9497)),d=n(a(23)),u=n(a(232)),c=a(6649),s=n(a(1551)),f=n(a(1227)),p=n(a(7020)),g=n(a(3625)),m=a(3563),v=a(4008);t.DEFAULT_TEXT_CONFIG=(0,c._)("Select below to override default"),t.DEFAULT_TEXT_DISPLAY=(0,c._)("Config to override default");const b={borderRadius:"4px"},h=Object.assign(Object.assign({},b),{width:"165px",height:"40px",display:"flex",alignItems:"center",justifyContent:"right"}),C={height:"170px"},E={padding:"20px",width:"420px"},x=m.variables.backgroundColorSection,_=m.variables.borderColorWeak,y=u.default.div`
5
+ */(()=>{"use strict";var e={527:function(e,t,a){var l=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,o)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&l(t,e,a);return o(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_TEXT_DISPLAY=t.DEFAULT_TEXT_CONFIG=void 0;const i=r(a(9497)),d=n(a(23)),u=n(a(232)),c=a(6649),s=n(a(1551)),f=n(a(1227)),p=n(a(7020)),g=n(a(3625)),m=a(3563),b=a(4008);t.DEFAULT_TEXT_CONFIG=(0,c._)("Select below to override default"),t.DEFAULT_TEXT_DISPLAY=(0,c._)("Config to override default");const v={borderRadius:"4px"},h=Object.assign(Object.assign({},v),{width:"165px",height:"40px",display:"flex",alignItems:"center",justifyContent:"right"}),C={height:"170px"},E={padding:"20px",width:"420px"},x=m.variables.backgroundColorSection,_=m.variables.borderColorWeak,y=u.default.div`
6
6
  background-color: ${x};
7
7
  padding: 12px 16px;
8
8
  border: solid;
@@ -43,7 +43,7 @@
43
43
  &:hover {
44
44
  background-color: ${m.variables.interactiveColorOverlayDrag} !important;
45
45
  }
46
- `,j=({optionName:e,text:a,dsl:l,defaultDsl:o,isTextAvailable:r,isDefaultDsl:n,errorMessage:d,isPopoverOpen:u,handleRequestPopoverOpen:f,handleRequestPopoverClose:m,handleRequestReset:v,anchorRef:x,anchor:_,hasError:A})=>{let M=i.default.createElement(i.default.Fragment,null,i.default.createElement($,null,a),i.default.createElement(O,null),i.default.createElement($,{enableMutedContentColor:r},l));return n?M=""===o?i.default.createElement($,null,t.DEFAULT_TEXT_CONFIG):i.default.createElement(i.default.Fragment,null,i.default.createElement($,null,t.DEFAULT_TEXT_CONFIG),i.default.createElement(O,null),i.default.createElement($,{enableMutedContentColor:r},l)):r||(M=i.default.createElement($,null,l)),i.default.createElement(i.default.Fragment,null,i.default.createElement(y,{"data-test":`${e}-advConfig-card-config-mode`,key:`${e}-advConfig-card-config-mode`,hasError:A},M),A&&i.default.createElement(k,{"data-test":`${e}-advConfig-card-config-mode-error`},d),i.default.createElement(P,null,i.default.createElement(T,null),i.default.createElement(q,{"data-test":`${e}-advConfig-card-reset-button`,appearance:"subtle",inline:!1,icon:i.default.createElement(g.default,null),style:h,onClick:f,elementRef:x,disabled:n,label:(0,c._)("Reset to default")}),i.default.createElement(s.default,{"data-test":`${e}-advConfig-card-popover`,style:C,open:u,anchor:_},i.default.createElement("div",{style:E},(0,c._)("You may lose your current configurations to reset to the default configuration.")),i.default.createElement(D,null,i.default.createElement(p.default,{"data-test":`${e}-advConfig-card-popover-cancel-button`,style:b,appearance:"default",onClick:m},(0,c._)("Cancel")),i.default.createElement(p.default,{"data-test":`${e}-advConfig-card-popover-reset-button`,style:b,icon:i.default.createElement(g.default,null),appearance:"destructive",onClick:v},(0,c._)("Reset"))))))},R=({optionName:e,text:a,dsl:l,hasError:o,errorMessage:r,onConfigButtonClick:n})=>i.default.createElement(i.default.Fragment,null,i.default.createElement(y,{"data-test":`${e}-advConfig-card-display-mode`,key:`${e}-advConfig-card-display-mode`,hasError:o},i.default.createElement(A,null,i.default.createElement(M,null,a||l||t.DEFAULT_TEXT_DISPLAY),i.default.createElement(v.AdvancedConfigButton,{label:e,onClick:n}))),o&&i.default.createElement(k,null,r)),w=({optionName:e,mode:t,text:a,dsl:l="",defaultDsl:o="",onResetButtonClick:r,onConfigButtonClick:n,errorMessage:d=""})=>{const[u,c]=(0,i.useState)(!1),[s,f]=(0,i.useState)(),p="config"===t,g=a&&a.length>0,m=o===l,v=d&&d.length>0,b=(0,i.useCallback)((e=>f(e)),[]),h=(0,i.useCallback)((()=>c(!0)),[]),C=(0,i.useCallback)((()=>c(!1)),[]),E=(0,i.useCallback)(((e,t)=>{r(e,t),c(!1)}),[r]);return p?i.default.createElement(j,{optionName:e,text:a,dsl:l,defaultDsl:o,isTextAvailable:g,isDefaultDsl:m,errorMessage:d,isPopoverOpen:u,handleRequestPopoverOpen:h,handleRequestPopoverClose:C,handleRequestReset:E,anchorRef:b,anchor:s,hasError:v}):i.default.createElement(R,{optionName:e,text:a,dsl:l,hasError:v,errorMessage:d,onConfigButtonClick:n})};w.propTypes={optionName:d.default.string.isRequired,mode:d.default.string.isRequired,onResetButtonClick:d.default.func,onConfigButtonClick:d.default.func,text:d.default.string,dsl:d.default.string,defaultDsl:d.default.string,errorMessage:d.default.string},w.defaultProps={dsl:""},t.default=w},4008:function(e,t,a){var l=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,o)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&l(t,e,a);return o(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=r(a(9497)),d=r(a(23)),u=n(a(232)),c=a(6649),s=n(a(6643)),f=a(3563),p=n(a(6379)),g=n(a(7020)),m=n(a(9250)),v=(0,u.default)(m.default)`
46
+ `,j=({optionName:e,text:a,dsl:l,defaultDsl:o,isTextAvailable:r,isDefaultDsl:n,errorMessage:d,isPopoverOpen:u,handleRequestPopoverOpen:f,handleRequestPopoverClose:m,handleRequestReset:b,anchorRef:x,anchor:_,hasError:A})=>{let M=i.default.createElement(i.default.Fragment,null,i.default.createElement($,null,a),i.default.createElement(O,null),i.default.createElement($,{enableMutedContentColor:r},l));return n?M=""===o?i.default.createElement($,null,t.DEFAULT_TEXT_CONFIG):i.default.createElement(i.default.Fragment,null,i.default.createElement($,null,t.DEFAULT_TEXT_CONFIG),i.default.createElement(O,null),i.default.createElement($,{enableMutedContentColor:r},l)):r||(M=i.default.createElement($,null,l)),i.default.createElement(i.default.Fragment,null,i.default.createElement(y,{"data-test":`${e}-advConfig-card-config-mode`,key:`${e}-advConfig-card-config-mode`,hasError:A},M),A&&i.default.createElement(k,{"data-test":`${e}-advConfig-card-config-mode-error`},d),i.default.createElement(P,null,i.default.createElement(T,null),i.default.createElement(q,{"data-test":`${e}-advConfig-card-reset-button`,appearance:"subtle",inline:!1,icon:i.default.createElement(g.default,null),style:h,onClick:f,elementRef:x,disabled:n,label:(0,c._)("Reset to default")}),i.default.createElement(s.default,{"data-test":`${e}-advConfig-card-popover`,style:C,open:u,anchor:_},i.default.createElement("div",{style:E},(0,c._)("You may lose your current configurations to reset to the default configuration.")),i.default.createElement(D,null,i.default.createElement(p.default,{"data-test":`${e}-advConfig-card-popover-cancel-button`,style:v,appearance:"default",onClick:m},(0,c._)("Cancel")),i.default.createElement(p.default,{"data-test":`${e}-advConfig-card-popover-reset-button`,style:v,icon:i.default.createElement(g.default,null),appearance:"destructive",onClick:b},(0,c._)("Reset"))))))},R=({optionName:e,text:a,dsl:l,hasError:o,errorMessage:r,onConfigButtonClick:n})=>i.default.createElement(i.default.Fragment,null,i.default.createElement(y,{"data-test":`${e}-advConfig-card-display-mode`,key:`${e}-advConfig-card-display-mode`,hasError:o},i.default.createElement(A,null,i.default.createElement(M,null,a||l||t.DEFAULT_TEXT_DISPLAY),i.default.createElement(b.AdvancedConfigButton,{label:e,onClick:n}))),o&&i.default.createElement(k,null,r)),w=({optionName:e,mode:t,text:a,dsl:l="",defaultDsl:o="",onResetButtonClick:r,onConfigButtonClick:n,errorMessage:d=""})=>{const[u,c]=(0,i.useState)(!1),[s,f]=(0,i.useState)(),p="config"===t,g=a&&a.length>0,m=o===l,b=d&&d.length>0,v=(0,i.useCallback)((e=>f(e)),[]),h=(0,i.useCallback)((()=>c(!0)),[]),C=(0,i.useCallback)((()=>c(!1)),[]),E=(0,i.useCallback)(((e,t)=>{r(e,t),c(!1)}),[r]);return p?i.default.createElement(j,{optionName:e,text:a,dsl:l,defaultDsl:o,isTextAvailable:g,isDefaultDsl:m,errorMessage:d,isPopoverOpen:u,handleRequestPopoverOpen:h,handleRequestPopoverClose:C,handleRequestReset:E,anchorRef:v,anchor:s,hasError:b}):i.default.createElement(R,{optionName:e,text:a,dsl:l,hasError:b,errorMessage:d,onConfigButtonClick:n})};w.propTypes={optionName:d.default.string.isRequired,mode:d.default.string.isRequired,onResetButtonClick:d.default.func,onConfigButtonClick:d.default.func,text:d.default.string,dsl:d.default.string,defaultDsl:d.default.string,errorMessage:d.default.string},t.default=w},4008:function(e,t,a){var l=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,o)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&l(t,e,a);return o(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=r(a(9497)),d=r(a(23)),u=n(a(232)),c=a(6649),s=n(a(6643)),f=a(3563),p=n(a(6379)),g=n(a(7020)),m=n(a(9250)),b=(0,u.default)(m.default)`
47
47
  margin-top: 0;
48
48
  padding: 0;
49
49
  // adjust bottom margin according to theme
@@ -63,7 +63,7 @@
63
63
  [data-test='label']:first-of-type {
64
64
  padding-top: 0;
65
65
  }
66
- `,b=(0,u.default)(p.default)`
66
+ `,v=(0,u.default)(p.default)`
67
67
  display: flex;
68
68
  > span {
69
69
  display: flex;
@@ -74,5 +74,5 @@
74
74
  &:hover {
75
75
  background-color: ${f.variables.interactiveColorOverlayDrag} !important;
76
76
  }
77
- `;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(b,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},i.default.createElement(h,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(s.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const C=({"data-test":e,children:a,isAdvanced:l,label:o,hideLabel:r,labelPosition:n,labelWidth:d,tooltip:u,help:c,style:s,error:f,controlsLayout:p,onClick:g,onAdvancedConfigButtonClick:m})=>i.default.createElement(v,{"data-test":null!=e?e:"control-group",label:o,hideLabel:r,labelPosition:n,labelWidth:d,tooltip:u,help:c,error:f,style:s,onClick:g,controlsLayout:p},l?i.Children.toArray(a).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):a,l?i.default.createElement(t.AdvancedConfigButton,{label:o,onClick:m}):null);C.propTypes={style:d.object,isAdvanced:d.bool,onClick:d.func,onAdvancedConfigButtonClick:d.func},C.defaultProps={isAdvanced:!1},t.default=C},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},1227:e=>{e.exports=require("@splunk/react-ui/Paragraph")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},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")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};var a=function a(l){var o=t[l];if(void 0!==o)return o.exports;var r=t[l]={exports:{}};return e[l].call(r.exports,r,r.exports,a),r.exports}(527);module.exports=a})();
77
+ `;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(v,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},i.default.createElement(h,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(s.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const C=({"data-test":e,children:a,isAdvanced:l=!1,label:o,hideLabel:r,labelPosition:n,labelWidth:d,tooltip:u,help:c,style:s,error:f,controlsLayout:p,onClick:g,onAdvancedConfigButtonClick:m})=>i.default.createElement(b,{"data-test":null!=e?e:"control-group",label:o,hideLabel:r,labelPosition:n,labelWidth:d,tooltip:u,help:c,error:f,style:s,onClick:g,controlsLayout:p},l?i.Children.toArray(a).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):a,l?i.default.createElement(t.AdvancedConfigButton,{label:o,onClick:m}):null);C.propTypes={style:d.object,isAdvanced:d.bool,onClick:d.func,onAdvancedConfigButtonClick:d.func},t.default=C},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},1227:e=>{e.exports=require("@splunk/react-ui/Paragraph")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},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")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};var a=function a(l){var o=t[l];if(void 0!==o)return o.exports;var r=t[l]={exports:{}};return e[l].call(r.exports,r,r.exports,a),r.exports}(527);module.exports=a})();
78
78
  //# sourceMappingURL=AdvancedConfigCard.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AdvancedConfigCard.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/AdvancedConfigCard.tsx","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/TrashCanCross\"","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/Paragraph\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Popover\"","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 \"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 T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Popover from '@splunk/react-ui/Popover';\nimport P from '@splunk/react-ui/Paragraph';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport TrashIcon from '@splunk/react-icons/TrashCanCross';\nimport { variables } from '@splunk/themes';\nimport { AdvancedConfigButton } from '../shared/AdvancedControlGroup';\n\nexport const DEFAULT_TEXT_CONFIG = _('Select below to override default');\nexport const DEFAULT_TEXT_DISPLAY = _('Config to override default');\nconst buttonCornerStyle = { borderRadius: '4px' };\nconst resetButtonStyle = {\n ...buttonCornerStyle,\n width: '165px',\n height: '40px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'right',\n};\nconst popoverStyle = { height: '170px' };\nconst popoverTextStyle = { padding: '20px', width: '420px' };\n\ninterface AdvancedConfigCardProps {\n optionName: string;\n mode: 'config' | 'display';\n text?: string;\n dsl: string;\n defaultDsl?: string;\n errorMessage?: string;\n onResetButtonClick?: ButtonClickHandler;\n onConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface ConfigModeCardProps {\n optionName: string;\n text: string;\n dsl: string;\n defaultDsl: string;\n isTextAvailable: boolean;\n isDefaultDsl: boolean;\n isPopoverOpen: boolean;\n hasError: boolean;\n errorMessage: string;\n // anchor no longer supports react components in SUI 5\n anchor: HTMLElement;\n anchorRef: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n handleRequestPopoverOpen: ButtonClickHandler;\n handleRequestPopoverClose: ButtonClickHandler;\n handleRequestReset: ButtonClickHandler;\n}\n\ninterface DisplayModeCardProps {\n optionName: string;\n text: string;\n dsl: string;\n hasError: boolean;\n errorMessage: string;\n onConfigButtonClick: ButtonClickHandler;\n}\n\ninterface ParagraphProps extends React.ComponentProps<typeof P> {\n enableMutedContentColor?: boolean;\n}\n\nconst cardBackgroundColor = variables.backgroundColorSection;\n\nconst cardBorderColor = variables.borderColorWeak;\n\n// Card style for both 'config' and 'display' mode\nconst StyledCard = styled.div<{ hasError: boolean }>`\n background-color: ${cardBackgroundColor};\n padding: 12px 16px;\n border: solid;\n border-width: 1px;\n border-radius: 4px;\n border-color: ${props => (props.hasError ? variables.accentColorNegative : cardBorderColor)};\n`;\n\n// Style error message\nconst StyledErrorMessage = styled.div`\n color: ${variables.accentColorNegative};\n font-size: ${variables.fontSize};\n`;\n\n// Horizontal line dividing text & dsl for both 'config' and 'display' mode\nconst Divider = styled.hr`\n width: 100%;\n height: 1px;\n border: 0;\n background-color: ${cardBorderColor};\n`;\n\n// Popover footer style to layout 'cancel' and 'reset' buttons under 'config' mode\nconst StyledFooter = styled.div`\n padding: 0 24px 24px 24px;\n text-align: right;\n`;\n\n// Spacer to place button on the right under 'config' mode\nconst Spacer = styled.div`\n height: 40px;\n width: calc(100% - 165px);\n`;\n\n// Container to layout text and config button under 'display' mode\nconst StyledDivContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\n// Reset button container under 'display' mode\nconst ResetButtonContainer = styled.div`\n width: 100%;\n height: 40px;\n margin-top: 10px;\n display: flex;\n`;\n\n// Text and dsl layout under 'config' mode\nconst StyledParagraphConfigMode = styled(P)<ParagraphProps>`\n color: ${props =>\n props.enableMutedContentColor ? variables.contentColorMuted : variables.contentColorActive};\n margin-bottom: 0;\n`;\n\n// Text and dsl layout under 'display' mode\nconst StyledParagraphDisplayMode = styled(StyledParagraphConfigMode)`\n width: calc(100% - 40px);\n display: flex;\n align-items: center;\n`;\n\nconst ResetDefaultButton = styled(Button)<ButtonProps>`\n color: ${props =>\n props.disabled ? variables.contentColorDisabled : variables.contentColorLink} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nconst ConfigModeCard = ({\n optionName,\n text,\n dsl,\n defaultDsl,\n isTextAvailable,\n isDefaultDsl,\n errorMessage,\n isPopoverOpen,\n handleRequestPopoverOpen,\n handleRequestPopoverClose,\n handleRequestReset,\n anchorRef,\n anchor,\n hasError,\n}: ConfigModeCardProps): JSX.Element => {\n // show both text and dsl when text and dsl available (and when default dsl available)\n let textDsl = (\n <>\n <StyledParagraphConfigMode>{text}</StyledParagraphConfigMode>\n <Divider />\n <StyledParagraphConfigMode enableMutedContentColor={isTextAvailable}>\n {dsl}\n </StyledParagraphConfigMode>\n </>\n );\n if (isDefaultDsl) {\n if (defaultDsl === '') {\n // show only the default text when default dsl is empty\n textDsl = <StyledParagraphConfigMode>{DEFAULT_TEXT_CONFIG}</StyledParagraphConfigMode>;\n } else {\n // show both default text and dsl when default dsl available\n textDsl = (\n <>\n <StyledParagraphConfigMode>{DEFAULT_TEXT_CONFIG}</StyledParagraphConfigMode>\n <Divider />\n <StyledParagraphConfigMode enableMutedContentColor={isTextAvailable}>\n {dsl}\n </StyledParagraphConfigMode>\n </>\n );\n }\n } else if (!isTextAvailable) {\n // show only the dsl when text is not available\n textDsl = <StyledParagraphConfigMode>{dsl}</StyledParagraphConfigMode>;\n }\n return (\n <>\n <StyledCard\n data-test={`${optionName}-advConfig-card-config-mode`}\n key={`${optionName}-advConfig-card-config-mode`}\n hasError={hasError}\n >\n {textDsl}\n </StyledCard>\n {hasError && (\n <StyledErrorMessage data-test={`${optionName}-advConfig-card-config-mode-error`}>\n {errorMessage}\n </StyledErrorMessage>\n )}\n <ResetButtonContainer>\n <Spacer />\n <ResetDefaultButton\n data-test={`${optionName}-advConfig-card-reset-button`}\n appearance=\"subtle\"\n inline={false}\n icon={<TrashIcon />}\n style={resetButtonStyle}\n onClick={handleRequestPopoverOpen}\n elementRef={anchorRef}\n disabled={isDefaultDsl}\n label={_('Reset to default')}\n />\n <Popover\n data-test={`${optionName}-advConfig-card-popover`}\n style={popoverStyle}\n open={isPopoverOpen}\n anchor={anchor}\n >\n <div style={popoverTextStyle}>\n {_('You may lose your current configurations to reset to the default configuration.')}\n </div>\n <StyledFooter>\n <Button\n data-test={`${optionName}-advConfig-card-popover-cancel-button`}\n style={buttonCornerStyle}\n appearance=\"default\"\n onClick={handleRequestPopoverClose}\n >\n {_('Cancel')}\n </Button>\n <Button\n data-test={`${optionName}-advConfig-card-popover-reset-button`}\n style={buttonCornerStyle}\n icon={<TrashIcon />}\n appearance=\"destructive\"\n onClick={handleRequestReset}\n >\n {_('Reset')}\n </Button>\n </StyledFooter>\n </Popover>\n </ResetButtonContainer>\n </>\n );\n};\n\nconst DisplayModeCard = ({\n optionName,\n text,\n dsl,\n hasError,\n errorMessage,\n onConfigButtonClick,\n}: DisplayModeCardProps): JSX.Element => (\n <>\n <StyledCard\n data-test={`${optionName}-advConfig-card-display-mode`}\n key={`${optionName}-advConfig-card-display-mode`}\n hasError={hasError}\n >\n <StyledDivContainer>\n <StyledParagraphDisplayMode>{text || dsl || DEFAULT_TEXT_DISPLAY}</StyledParagraphDisplayMode>\n <AdvancedConfigButton label={optionName} onClick={onConfigButtonClick} />\n </StyledDivContainer>\n </StyledCard>\n {hasError && <StyledErrorMessage>{errorMessage}</StyledErrorMessage>}\n </>\n);\n\nconst AdvancedConfigCard = ({\n optionName,\n mode,\n text,\n dsl = '',\n defaultDsl = '',\n onResetButtonClick,\n onConfigButtonClick,\n errorMessage = '',\n}: AdvancedConfigCardProps): JSX.Element => {\n const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n const [anchor, setAnchor] = useState();\n\n const isConfigMode = mode === 'config';\n const isTextAvailable = text && text.length > 0;\n const isDefaultDsl = defaultDsl === dsl;\n const hasError = errorMessage && errorMessage.length > 0;\n\n const anchorRef = useCallback(el => setAnchor(el), []);\n const handleRequestPopoverOpen = useCallback(() => setIsPopoverOpen(true), []);\n const handleRequestPopoverClose = useCallback(() => setIsPopoverOpen(false), []);\n const handleRequestReset = useCallback(\n (e, data) => {\n onResetButtonClick(e, data);\n setIsPopoverOpen(false);\n },\n [onResetButtonClick]\n );\n\n return isConfigMode ? (\n <ConfigModeCard\n optionName={optionName}\n text={text}\n dsl={dsl}\n defaultDsl={defaultDsl}\n isTextAvailable={isTextAvailable}\n isDefaultDsl={isDefaultDsl}\n errorMessage={errorMessage}\n isPopoverOpen={isPopoverOpen}\n handleRequestPopoverOpen={handleRequestPopoverOpen}\n handleRequestPopoverClose={handleRequestPopoverClose}\n handleRequestReset={handleRequestReset}\n anchorRef={anchorRef}\n anchor={anchor}\n hasError={hasError}\n />\n ) : (\n <DisplayModeCard\n optionName={optionName}\n text={text}\n dsl={dsl}\n hasError={hasError}\n errorMessage={errorMessage}\n onConfigButtonClick={onConfigButtonClick}\n />\n );\n};\n\nAdvancedConfigCard.propTypes = {\n /**\n * Which option the card is displaying dsl configuration for\n */\n optionName: T.string.isRequired,\n /**\n * Advanced configuration card mode: 'config' | 'display'\n * 'config' : shown on config panel\n * 'display': shown on main panel\n */\n mode: T.string.isRequired,\n /**\n * Callback for reset button click (config mode)\n */\n onResetButtonClick: T.func,\n /**\n * Callback for config button click (display mode)\n */\n onConfigButtonClick: T.func,\n /**\n * User friendly text translated from DSL\n */\n text: T.string,\n /**\n * DSL string\n */\n dsl: T.string,\n /**\n * The default DSL string. '' if no default.\n */\n defaultDsl: T.string,\n /**\n * Error message string\n */\n errorMessage: T.string,\n};\n\nAdvancedConfigCard.defaultProps = {\n dsl: '',\n};\n\nexport default AdvancedConfigCard;\n","import React, { Children, cloneElement, ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup, { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced,\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\nAdvancedControlGroup.defaultProps = {\n isAdvanced: false,\n};\n\nexport default AdvancedControlGroup;\n","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-icons/TrashCanCross\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Paragraph\");","module.exports = require(\"@splunk/react-ui/Popover\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","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__(527);\n"],"names":["DEFAULT_TEXT_CONFIG","_","DEFAULT_TEXT_DISPLAY","buttonCornerStyle","borderRadius","resetButtonStyle","width","height","display","alignItems","justifyContent","popoverStyle","popoverTextStyle","padding","cardBackgroundColor","variables","backgroundColorSection","cardBorderColor","borderColorWeak","StyledCard","div","props","hasError","accentColorNegative","StyledErrorMessage","fontSize","Divider","hr","StyledFooter","Spacer","StyledDivContainer","ResetButtonContainer","StyledParagraphConfigMode","enableMutedContentColor","contentColorMuted","contentColorActive","StyledParagraphDisplayMode","ResetDefaultButton","disabled","contentColorDisabled","contentColorLink","interactiveColorOverlayDrag","ConfigModeCard","optionName","text","dsl","defaultDsl","isTextAvailable","isDefaultDsl","errorMessage","isPopoverOpen","handleRequestPopoverOpen","handleRequestPopoverClose","handleRequestReset","anchorRef","anchor","textDsl","key","appearance","inline","icon","style","onClick","elementRef","label","open","DisplayModeCard","onConfigButtonClick","AdvancedConfigButton","AdvancedConfigCard","mode","onResetButtonClick","setIsPopoverOpen","useState","setAnchor","isConfigMode","length","useCallback","el","e","data","propTypes","string","isRequired","func","defaultProps","ControlGroupContainer","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","content","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","labelPosition","labelWidth","tooltip","help","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","T","object","bool","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call"],"sourceRoot":""}
1
+ {"version":3,"file":"AdvancedConfigCard.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/AdvancedConfigCard.tsx","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/TrashCanCross\"","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/Paragraph\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Popover\"","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 \"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 T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Popover from '@splunk/react-ui/Popover';\nimport P from '@splunk/react-ui/Paragraph';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport TrashIcon from '@splunk/react-icons/TrashCanCross';\nimport { variables } from '@splunk/themes';\nimport { AdvancedConfigButton } from '../shared/AdvancedControlGroup';\n\nexport const DEFAULT_TEXT_CONFIG = _('Select below to override default');\nexport const DEFAULT_TEXT_DISPLAY = _('Config to override default');\nconst buttonCornerStyle = { borderRadius: '4px' };\nconst resetButtonStyle = {\n ...buttonCornerStyle,\n width: '165px',\n height: '40px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'right',\n};\nconst popoverStyle = { height: '170px' };\nconst popoverTextStyle = { padding: '20px', width: '420px' };\n\ninterface AdvancedConfigCardProps {\n optionName: string;\n mode: 'config' | 'display';\n text?: string;\n dsl?: string;\n defaultDsl?: string;\n errorMessage?: string;\n onResetButtonClick?: ButtonClickHandler;\n onConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface ConfigModeCardProps {\n optionName: string;\n text: string;\n dsl: string;\n defaultDsl: string;\n isTextAvailable: boolean;\n isDefaultDsl: boolean;\n isPopoverOpen: boolean;\n hasError: boolean;\n errorMessage: string;\n // anchor no longer supports react components in SUI 5\n anchor: HTMLElement;\n anchorRef: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n handleRequestPopoverOpen: ButtonClickHandler;\n handleRequestPopoverClose: ButtonClickHandler;\n handleRequestReset: ButtonClickHandler;\n}\n\ninterface DisplayModeCardProps {\n optionName: string;\n text: string;\n dsl: string;\n hasError: boolean;\n errorMessage: string;\n onConfigButtonClick: ButtonClickHandler;\n}\n\ninterface ParagraphProps extends React.ComponentProps<typeof P> {\n enableMutedContentColor?: boolean;\n}\n\nconst cardBackgroundColor = variables.backgroundColorSection;\n\nconst cardBorderColor = variables.borderColorWeak;\n\n// Card style for both 'config' and 'display' mode\nconst StyledCard = styled.div<{ hasError: boolean }>`\n background-color: ${cardBackgroundColor};\n padding: 12px 16px;\n border: solid;\n border-width: 1px;\n border-radius: 4px;\n border-color: ${props => (props.hasError ? variables.accentColorNegative : cardBorderColor)};\n`;\n\n// Style error message\nconst StyledErrorMessage = styled.div`\n color: ${variables.accentColorNegative};\n font-size: ${variables.fontSize};\n`;\n\n// Horizontal line dividing text & dsl for both 'config' and 'display' mode\nconst Divider = styled.hr`\n width: 100%;\n height: 1px;\n border: 0;\n background-color: ${cardBorderColor};\n`;\n\n// Popover footer style to layout 'cancel' and 'reset' buttons under 'config' mode\nconst StyledFooter = styled.div`\n padding: 0 24px 24px 24px;\n text-align: right;\n`;\n\n// Spacer to place button on the right under 'config' mode\nconst Spacer = styled.div`\n height: 40px;\n width: calc(100% - 165px);\n`;\n\n// Container to layout text and config button under 'display' mode\nconst StyledDivContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\n// Reset button container under 'display' mode\nconst ResetButtonContainer = styled.div`\n width: 100%;\n height: 40px;\n margin-top: 10px;\n display: flex;\n`;\n\n// Text and dsl layout under 'config' mode\nconst StyledParagraphConfigMode = styled(P)<ParagraphProps>`\n color: ${props =>\n props.enableMutedContentColor ? variables.contentColorMuted : variables.contentColorActive};\n margin-bottom: 0;\n`;\n\n// Text and dsl layout under 'display' mode\nconst StyledParagraphDisplayMode = styled(StyledParagraphConfigMode)`\n width: calc(100% - 40px);\n display: flex;\n align-items: center;\n`;\n\nconst ResetDefaultButton = styled(Button)<ButtonProps>`\n color: ${props =>\n props.disabled ? variables.contentColorDisabled : variables.contentColorLink} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nconst ConfigModeCard = ({\n optionName,\n text,\n dsl,\n defaultDsl,\n isTextAvailable,\n isDefaultDsl,\n errorMessage,\n isPopoverOpen,\n handleRequestPopoverOpen,\n handleRequestPopoverClose,\n handleRequestReset,\n anchorRef,\n anchor,\n hasError,\n}: ConfigModeCardProps): JSX.Element => {\n // show both text and dsl when text and dsl available (and when default dsl available)\n let textDsl = (\n <>\n <StyledParagraphConfigMode>{text}</StyledParagraphConfigMode>\n <Divider />\n <StyledParagraphConfigMode enableMutedContentColor={isTextAvailable}>\n {dsl}\n </StyledParagraphConfigMode>\n </>\n );\n if (isDefaultDsl) {\n if (defaultDsl === '') {\n // show only the default text when default dsl is empty\n textDsl = <StyledParagraphConfigMode>{DEFAULT_TEXT_CONFIG}</StyledParagraphConfigMode>;\n } else {\n // show both default text and dsl when default dsl available\n textDsl = (\n <>\n <StyledParagraphConfigMode>{DEFAULT_TEXT_CONFIG}</StyledParagraphConfigMode>\n <Divider />\n <StyledParagraphConfigMode enableMutedContentColor={isTextAvailable}>\n {dsl}\n </StyledParagraphConfigMode>\n </>\n );\n }\n } else if (!isTextAvailable) {\n // show only the dsl when text is not available\n textDsl = <StyledParagraphConfigMode>{dsl}</StyledParagraphConfigMode>;\n }\n return (\n <>\n <StyledCard\n data-test={`${optionName}-advConfig-card-config-mode`}\n key={`${optionName}-advConfig-card-config-mode`}\n hasError={hasError}\n >\n {textDsl}\n </StyledCard>\n {hasError && (\n <StyledErrorMessage data-test={`${optionName}-advConfig-card-config-mode-error`}>\n {errorMessage}\n </StyledErrorMessage>\n )}\n <ResetButtonContainer>\n <Spacer />\n <ResetDefaultButton\n data-test={`${optionName}-advConfig-card-reset-button`}\n appearance=\"subtle\"\n inline={false}\n icon={<TrashIcon />}\n style={resetButtonStyle}\n onClick={handleRequestPopoverOpen}\n elementRef={anchorRef}\n disabled={isDefaultDsl}\n label={_('Reset to default')}\n />\n <Popover\n data-test={`${optionName}-advConfig-card-popover`}\n style={popoverStyle}\n open={isPopoverOpen}\n anchor={anchor}\n >\n <div style={popoverTextStyle}>\n {_('You may lose your current configurations to reset to the default configuration.')}\n </div>\n <StyledFooter>\n <Button\n data-test={`${optionName}-advConfig-card-popover-cancel-button`}\n style={buttonCornerStyle}\n appearance=\"default\"\n onClick={handleRequestPopoverClose}\n >\n {_('Cancel')}\n </Button>\n <Button\n data-test={`${optionName}-advConfig-card-popover-reset-button`}\n style={buttonCornerStyle}\n icon={<TrashIcon />}\n appearance=\"destructive\"\n onClick={handleRequestReset}\n >\n {_('Reset')}\n </Button>\n </StyledFooter>\n </Popover>\n </ResetButtonContainer>\n </>\n );\n};\n\nconst DisplayModeCard = ({\n optionName,\n text,\n dsl,\n hasError,\n errorMessage,\n onConfigButtonClick,\n}: DisplayModeCardProps): JSX.Element => (\n <>\n <StyledCard\n data-test={`${optionName}-advConfig-card-display-mode`}\n key={`${optionName}-advConfig-card-display-mode`}\n hasError={hasError}\n >\n <StyledDivContainer>\n <StyledParagraphDisplayMode>{text || dsl || DEFAULT_TEXT_DISPLAY}</StyledParagraphDisplayMode>\n <AdvancedConfigButton label={optionName} onClick={onConfigButtonClick} />\n </StyledDivContainer>\n </StyledCard>\n {hasError && <StyledErrorMessage>{errorMessage}</StyledErrorMessage>}\n </>\n);\n\nconst AdvancedConfigCard = ({\n optionName,\n mode,\n text,\n dsl = '',\n defaultDsl = '',\n onResetButtonClick,\n onConfigButtonClick,\n errorMessage = '',\n}: AdvancedConfigCardProps): JSX.Element => {\n const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n const [anchor, setAnchor] = useState();\n\n const isConfigMode = mode === 'config';\n const isTextAvailable = text && text.length > 0;\n const isDefaultDsl = defaultDsl === dsl;\n const hasError = errorMessage && errorMessage.length > 0;\n\n const anchorRef = useCallback(el => setAnchor(el), []);\n const handleRequestPopoverOpen = useCallback(() => setIsPopoverOpen(true), []);\n const handleRequestPopoverClose = useCallback(() => setIsPopoverOpen(false), []);\n const handleRequestReset = useCallback(\n (e, data) => {\n onResetButtonClick(e, data);\n setIsPopoverOpen(false);\n },\n [onResetButtonClick]\n );\n\n return isConfigMode ? (\n <ConfigModeCard\n optionName={optionName}\n text={text}\n dsl={dsl}\n defaultDsl={defaultDsl}\n isTextAvailable={isTextAvailable}\n isDefaultDsl={isDefaultDsl}\n errorMessage={errorMessage}\n isPopoverOpen={isPopoverOpen}\n handleRequestPopoverOpen={handleRequestPopoverOpen}\n handleRequestPopoverClose={handleRequestPopoverClose}\n handleRequestReset={handleRequestReset}\n anchorRef={anchorRef}\n anchor={anchor}\n hasError={hasError}\n />\n ) : (\n <DisplayModeCard\n optionName={optionName}\n text={text}\n dsl={dsl}\n hasError={hasError}\n errorMessage={errorMessage}\n onConfigButtonClick={onConfigButtonClick}\n />\n );\n};\n\nAdvancedConfigCard.propTypes = {\n /**\n * Which option the card is displaying dsl configuration for\n */\n optionName: T.string.isRequired,\n /**\n * Advanced configuration card mode: 'config' | 'display'\n * 'config' : shown on config panel\n * 'display': shown on main panel\n */\n mode: T.string.isRequired,\n /**\n * Callback for reset button click (config mode)\n */\n onResetButtonClick: T.func,\n /**\n * Callback for config button click (display mode)\n */\n onConfigButtonClick: T.func,\n /**\n * User friendly text translated from DSL\n */\n text: T.string,\n /**\n * DSL string\n */\n dsl: T.string,\n /**\n * The default DSL string. '' if no default.\n */\n defaultDsl: T.string,\n /**\n * Error message string\n */\n errorMessage: T.string,\n};\n\nexport default AdvancedConfigCard;\n","import React, { Children, cloneElement, ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup, { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced = false,\n label,\n hideLabel,\n labelPosition,\n labelWidth,\n tooltip,\n help,\n style,\n error,\n controlsLayout,\n onClick,\n onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n <ControlGroupContainer\n data-test={dataTest ?? 'control-group'}\n label={label}\n hideLabel={hideLabel}\n labelPosition={labelPosition}\n labelWidth={labelWidth}\n tooltip={tooltip}\n help={help}\n error={error}\n style={style}\n onClick={onClick}\n controlsLayout={controlsLayout}\n >\n {isAdvanced\n ? Children.toArray(children)\n .filter(Boolean)\n .map(child =>\n cloneElement(child as ReactElement, {\n style: { flex: 1 },\n })\n )\n : children}\n {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n /**\n * Style overriding SUI ControlGroup\n */\n style: T.object,\n /**\n * Whether the current editor is enabled with advanced configurations\n */\n isAdvanced: T.bool,\n /**\n * Callback for editor click\n */\n onClick: T.func,\n /**\n * Callback for advanced config button click\n */\n onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-icons/TrashCanCross\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Paragraph\");","module.exports = require(\"@splunk/react-ui/Popover\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","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__(527);\n"],"names":["DEFAULT_TEXT_CONFIG","_","DEFAULT_TEXT_DISPLAY","buttonCornerStyle","borderRadius","resetButtonStyle","width","height","display","alignItems","justifyContent","popoverStyle","popoverTextStyle","padding","cardBackgroundColor","variables","backgroundColorSection","cardBorderColor","borderColorWeak","StyledCard","div","props","hasError","accentColorNegative","StyledErrorMessage","fontSize","Divider","hr","StyledFooter","Spacer","StyledDivContainer","ResetButtonContainer","StyledParagraphConfigMode","enableMutedContentColor","contentColorMuted","contentColorActive","StyledParagraphDisplayMode","ResetDefaultButton","disabled","contentColorDisabled","contentColorLink","interactiveColorOverlayDrag","ConfigModeCard","optionName","text","dsl","defaultDsl","isTextAvailable","isDefaultDsl","errorMessage","isPopoverOpen","handleRequestPopoverOpen","handleRequestPopoverClose","handleRequestReset","anchorRef","anchor","textDsl","key","appearance","inline","icon","style","onClick","elementRef","label","open","DisplayModeCard","onConfigButtonClick","AdvancedConfigButton","AdvancedConfigCard","mode","onResetButtonClick","setIsPopoverOpen","useState","setAnchor","isConfigMode","length","useCallback","el","e","data","propTypes","string","isRequired","func","ControlGroupContainer","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","content","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","labelPosition","labelWidth","tooltip","help","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","T","object","bool","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call"],"sourceRoot":""}
@@ -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={2117:function(e,t,o){var n=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=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)&&n(t,e,o);return r(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=i(o(9497)),u=i(o(23)),s=l(o(7446)),c=o(6801),d=l(o(4008)),p={width:"330px"},f={display:"none"},b=({onChange:e,name:t,labelPosition:o,labelWidth:n,label:r,isDisabled:i,help:l,value:u})=>{let c=[];Array.isArray(u)&&(c=u.map((e=>null!==e&&"object"==typeof e?e.toString():`${e}`)));const[b,v]=a.useState(c),h=a.useCallback(((o,{values:n})=>{v(n),e(o,t,n)}),[e,t]);return a.createElement(d.default,{label:r,labelPosition:o,labelWidth:n,help:l},a.createElement(s.default,{allowNewValues:!0,values:b,onChange:h,disabled:i,inline:!0,style:p,menuStyle:f,placeholder:""}))},v=Object.assign(Object.assign({},c.BaseEditorPropTypes),{help:u.string,value:u.array,labelPosition:u.oneOf(["top","left"]),isDisabled:u.bool});b.defaultProps={labelPosition:"top",isDisabled:!1},b.propTypes=v,t.default=b},6801:function(e,t,o){var n=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=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)&&n(t,e,o);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const l=i(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 n=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=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)&&n(t,e,o);return r(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=i(o(9497)),u=i(o(23)),s=l(o(232)),c=o(6649),d=l(o(6643)),p=o(3563),f=l(o(6379)),b=l(o(7020)),v=l(o(9250)),h=(0,s.default)(v.default)`
5
+ */(()=>{"use strict";var e={2117:function(e,t,o){var n=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=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)&&n(t,e,o);return r(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=i(o(9497)),u=i(o(23)),s=l(o(7446)),c=o(6801),d=l(o(4008)),p={width:"330px"},f={display:"none"},b=({onChange:e,name:t,labelPosition:o="top",labelWidth:n,label:r,isDisabled:i=!1,help:l,value:u})=>{let c=[];Array.isArray(u)&&(c=u.map((e=>null!==e&&"object"==typeof e?e.toString():`${e}`)));const[b,v]=a.useState(c),h=a.useCallback(((o,{values:n})=>{v(n),e(o,t,n)}),[e,t]);return a.createElement(d.default,{label:r,labelPosition:o,labelWidth:n,help:l},a.createElement(s.default,{allowNewValues:!0,values:b,onChange:h,disabled:i,inline:!0,style:p,menuStyle:f,placeholder:""}))},v=Object.assign(Object.assign({},c.BaseEditorPropTypes),{help:u.string,value:u.array,labelPosition:u.oneOf(["top","left"]),isDisabled:u.bool});b.propTypes=v,t.default=b},6801:function(e,t,o){var n=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=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)&&n(t,e,o);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const l=i(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 n=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=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)&&n(t,e,o);return r(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=i(o(9497)),u=i(o(23)),s=l(o(232)),c=o(6649),d=l(o(6643)),p=o(3563),f=l(o(6379)),b=l(o(7020)),v=l(o(9250)),h=(0,s.default)(v.default)`
6
6
  margin-top: 0;
7
7
  padding: 0;
8
8
  // adjust bottom margin according to theme
@@ -33,5 +33,5 @@
33
33
  &:hover {
34
34
  background-color: ${p.variables.interactiveColorOverlayDrag} !important;
35
35
  }
36
- `;t.AdvancedConfigButton=({label:e="",onClick:t})=>a.default.createElement(g,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},a.default.createElement(m,{"data-test":`${e}-advanced-config-button`,icon:a.default.createElement(d.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const y=({"data-test":e,children:o,isAdvanced:n,label:r,hideLabel:i,labelPosition:l,labelWidth:u,tooltip:s,help:c,style:d,error:p,controlsLayout:f,onClick:b,onAdvancedConfigButtonClick:v})=>a.default.createElement(h,{"data-test":null!=e?e:"control-group",label:r,hideLabel:i,labelPosition:l,labelWidth:u,tooltip:s,help:c,error:p,style:d,onClick:b,controlsLayout:f},n?a.Children.toArray(o).filter(Boolean).map((e=>(0,a.cloneElement)(e,{style:{flex:1}}))):o,n?a.default.createElement(t.AdvancedConfigButton,{label:r,onClick:v}):null);y.propTypes={style:u.object,isAdvanced:u.bool,onClick:u.func,onAdvancedConfigButtonClick:u.func},y.defaultProps={isAdvanced:!1},t.default=y},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")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},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")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};var o=function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n].call(i.exports,i,i.exports,o),i.exports}(2117);module.exports=o})();
36
+ `;t.AdvancedConfigButton=({label:e="",onClick:t})=>a.default.createElement(g,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},a.default.createElement(m,{"data-test":`${e}-advanced-config-button`,icon:a.default.createElement(d.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const y=({"data-test":e,children:o,isAdvanced:n=!1,label:r,hideLabel:i,labelPosition:l,labelWidth:u,tooltip:s,help:c,style:d,error:p,controlsLayout:f,onClick:b,onAdvancedConfigButtonClick:v})=>a.default.createElement(h,{"data-test":null!=e?e:"control-group",label:r,hideLabel:i,labelPosition:l,labelWidth:u,tooltip:s,help:c,error:p,style:d,onClick:b,controlsLayout:f},n?a.Children.toArray(o).filter(Boolean).map((e=>(0,a.cloneElement)(e,{style:{flex:1}}))):o,n?a.default.createElement(t.AdvancedConfigButton,{label:r,onClick:v}):null);y.propTypes={style:u.object,isAdvanced:u.bool,onClick:u.func,onAdvancedConfigButtonClick:u.func},t.default=y},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")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},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")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};var o=function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n].call(i.exports,i,i.exports,o),i.exports}(2117);module.exports=o})();
37
37
  //# sourceMappingURL=ArrayOfStringsEditor.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ArrayOfStringsEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/ArrayOfStringsEditor.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Multiselect\"","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 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/startup"],"sourcesContent":["import * as React from 'react';\nimport * as T from 'prop-types';\nimport Multiselect from '@splunk/react-ui/Multiselect';\nimport { BaseEditorProps, BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\ninterface ArrayOfStringsEditorProps extends BaseEditorProps {\n help?: string;\n}\n\nconst style = { width: '330px' };\nconst menuStyle = { display: 'none' };\n\nconst ArrayOfStringsEditor = ({\n onChange,\n name,\n labelPosition,\n labelWidth,\n label,\n isDisabled,\n help,\n value,\n}: ArrayOfStringsEditorProps): JSX.Element => {\n let safeValues = [];\n if (Array.isArray(value)) {\n safeValues = value.map(v => (v !== null && typeof v === 'object' ? v.toString() : `${v}`));\n }\n const [currentValues, setCurrentValues] = React.useState(safeValues);\n\n const handleChange = React.useCallback(\n (event, { values: v }) => {\n setCurrentValues(v);\n onChange(event, name, v);\n },\n [onChange, name]\n );\n\n return (\n <ControlGroup label={label} labelPosition={labelPosition} labelWidth={labelWidth} help={help}>\n <Multiselect\n allowNewValues\n values={currentValues}\n onChange={handleChange}\n disabled={isDisabled}\n inline\n style={style}\n menuStyle={menuStyle}\n placeholder=\"\"\n />\n </ControlGroup>\n );\n};\n\nconst propTypes: Record<keyof ArrayOfStringsEditorProps, T.Validator<any>> = {\n ...BaseEditorPropTypes,\n help: T.string,\n value: T.array,\n labelPosition: T.oneOf(['top', 'left']),\n isDisabled: T.bool,\n};\n\nArrayOfStringsEditor.defaultProps = {\n labelPosition: 'top',\n isDisabled: false,\n};\n\nArrayOfStringsEditor.propTypes = propTypes;\n\nexport default ArrayOfStringsEditor;\n","import * as T from 'prop-types';\nimport type { JSONSchema7 } from 'json-schema';\n\nexport interface BaseEditorProps {\n name: string;\n value: any;\n onChange?: (...args: any[]) => void;\n label?: string; // @TODO(pwied): this should not live in editor props\n labelPosition?: 'top' | 'left'; // ^^^\n context?: Record<string, any>;\n labelWidth?: number;\n isAdvanced?: boolean;\n isDisabled?: boolean;\n dataSourceBindings?: Record<string, any>;\n options?: { [k: string]: any };\n optionsSchema?: {\n [key: string]: JSONSchema7;\n };\n}\n\nexport const BaseEditorPropTypes: Record<keyof BaseEditorProps, T.Validator<any>> = {\n name: T.string.isRequired,\n value: T.oneOfType([T.string, T.object, T.arrayOf(T.string)]),\n context: T.object,\n label: T.string,\n labelPosition: T.oneOf(['top', 'left']),\n labelWidth: T.number,\n onChange: T.func,\n isAdvanced: T.bool,\n isDisabled: T.bool,\n dataSourceBindings: T.object,\n options: T.object,\n optionsSchema: T.object,\n};\n","import React, { Children, cloneElement, ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup, { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced,\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\nAdvancedControlGroup.defaultProps = {\n isAdvanced: false,\n};\n\nexport default AdvancedControlGroup;\n","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Multiselect\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","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__(2117);\n"],"names":["style","width","menuStyle","display","ArrayOfStringsEditor","onChange","name","labelPosition","labelWidth","label","isDisabled","help","value","safeValues","Array","isArray","map","v","toString","currentValues","setCurrentValues","React","useState","handleChange","useCallback","event","values","allowNewValues","disabled","inline","placeholder","propTypes","BaseEditorPropTypes","T","string","array","oneOf","bool","defaultProps","isRequired","oneOfType","object","arrayOf","context","number","func","isAdvanced","dataSourceBindings","options","optionsSchema","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","hideLabel","tooltip","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","child","cloneElement","flex","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call"],"sourceRoot":""}
1
+ {"version":3,"file":"ArrayOfStringsEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/ArrayOfStringsEditor.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Multiselect\"","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 \"prop-types\"","webpack://@splunk/dynamic-editors/external commonjs2 \"react\"","webpack://@splunk/dynamic-editors/external commonjs2 \"styled-components\"","webpack://@splunk/dynamic-editors/webpack/bootstrap","webpack://@splunk/dynamic-editors/webpack/startup"],"sourcesContent":["import * as React from 'react';\nimport * as T from 'prop-types';\nimport Multiselect from '@splunk/react-ui/Multiselect';\nimport { BaseEditorProps, BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\ninterface ArrayOfStringsEditorProps extends BaseEditorProps {\n help?: string;\n}\n\nconst style = { width: '330px' };\nconst menuStyle = { display: 'none' };\n\nconst ArrayOfStringsEditor = ({\n onChange,\n name,\n labelPosition = 'top',\n labelWidth,\n label,\n isDisabled = false,\n help,\n value,\n}: ArrayOfStringsEditorProps): JSX.Element => {\n let safeValues = [];\n if (Array.isArray(value)) {\n safeValues = value.map(v => (v !== null && typeof v === 'object' ? v.toString() : `${v}`));\n }\n const [currentValues, setCurrentValues] = React.useState(safeValues);\n\n const handleChange = React.useCallback(\n (event, { values: v }) => {\n setCurrentValues(v);\n onChange(event, name, v);\n },\n [onChange, name]\n );\n\n return (\n <ControlGroup label={label} labelPosition={labelPosition} labelWidth={labelWidth} help={help}>\n <Multiselect\n allowNewValues\n values={currentValues}\n onChange={handleChange}\n disabled={isDisabled}\n inline\n style={style}\n menuStyle={menuStyle}\n placeholder=\"\"\n />\n </ControlGroup>\n );\n};\n\nconst propTypes: Record<keyof ArrayOfStringsEditorProps, T.Validator<any>> = {\n ...BaseEditorPropTypes,\n help: T.string,\n value: T.array,\n labelPosition: T.oneOf(['top', 'left']),\n isDisabled: T.bool,\n};\n\nArrayOfStringsEditor.propTypes = propTypes;\n\nexport default ArrayOfStringsEditor;\n","import * as T from 'prop-types';\nimport type { JSONSchema7 } from 'json-schema';\n\nexport interface BaseEditorProps {\n name: string;\n value: any;\n onChange?: (...args: any[]) => void;\n label?: string; // @TODO(pwied): this should not live in editor props\n labelPosition?: 'top' | 'left'; // ^^^\n context?: Record<string, any>;\n labelWidth?: number;\n isAdvanced?: boolean;\n isDisabled?: boolean;\n dataSourceBindings?: Record<string, any>;\n options?: { [k: string]: any };\n optionsSchema?: {\n [key: string]: JSONSchema7;\n };\n}\n\nexport const BaseEditorPropTypes: Record<keyof BaseEditorProps, T.Validator<any>> = {\n name: T.string.isRequired,\n value: T.oneOfType([T.string, T.object, T.arrayOf(T.string)]),\n context: T.object,\n label: T.string,\n labelPosition: T.oneOf(['top', 'left']),\n labelWidth: T.number,\n onChange: T.func,\n isAdvanced: T.bool,\n isDisabled: T.bool,\n dataSourceBindings: T.object,\n options: T.object,\n optionsSchema: T.object,\n};\n","import React, { Children, cloneElement, ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup, { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced = false,\n label,\n hideLabel,\n labelPosition,\n labelWidth,\n tooltip,\n help,\n style,\n error,\n controlsLayout,\n onClick,\n onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n <ControlGroupContainer\n data-test={dataTest ?? 'control-group'}\n label={label}\n hideLabel={hideLabel}\n labelPosition={labelPosition}\n labelWidth={labelWidth}\n tooltip={tooltip}\n help={help}\n error={error}\n style={style}\n onClick={onClick}\n controlsLayout={controlsLayout}\n >\n {isAdvanced\n ? Children.toArray(children)\n .filter(Boolean)\n .map(child =>\n cloneElement(child as ReactElement, {\n style: { flex: 1 },\n })\n )\n : children}\n {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n /**\n * Style overriding SUI ControlGroup\n */\n style: T.object,\n /**\n * Whether the current editor is enabled with advanced configurations\n */\n isAdvanced: T.bool,\n /**\n * Callback for editor click\n */\n onClick: T.func,\n /**\n * Callback for advanced config button click\n */\n onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","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/Multiselect\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","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__(2117);\n"],"names":["style","width","menuStyle","display","ArrayOfStringsEditor","onChange","name","labelPosition","labelWidth","label","isDisabled","help","value","safeValues","Array","isArray","map","v","toString","currentValues","setCurrentValues","React","useState","handleChange","useCallback","event","values","allowNewValues","disabled","inline","placeholder","propTypes","BaseEditorPropTypes","T","string","array","oneOf","bool","isRequired","oneOfType","object","arrayOf","context","number","func","isAdvanced","dataSourceBindings","options","optionsSchema","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","hideLabel","tooltip","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","child","cloneElement","flex","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call"],"sourceRoot":""}
@@ -2,12 +2,12 @@
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={2166:(e,t,l)=>{l.r(t),l.d(t,{hasTokens:()=>n});const a=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&a.test(e)},2749:function(e,t,l){var a=this&&this.__createBinding||(Object.create?function(e,t,l,a){void 0===a&&(a=l);var n=Object.getOwnPropertyDescriptor(t,l);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,a,n)}:function(e,t,l,a){void 0===a&&(a=l),e[a]=t[l]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&a(t,e,l);return n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(l(9497)),u=o(l(232)),d=o(l(5777)),c=o(l(8631)),s=o(l(6379)),f=l(3563),p=o(l(451)),b=l(2166),m=o(l(4008)),h=(0,u.default)(s.default)`
5
+ */(()=>{"use strict";var e={2166:(e,t,l)=>{l.r(t),l.d(t,{hasTokens:()=>n});const a=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&a.test(e)},2749:function(e,t,l){var a=this&&this.__createBinding||(Object.create?function(e,t,l,a){void 0===a&&(a=l);var n=Object.getOwnPropertyDescriptor(t,l);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,a,n)}:function(e,t,l,a){void 0===a&&(a=l),e[a]=t[l]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&a(t,e,l);return n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(l(9497)),u=o(l(232)),c=o(l(5777)),d=o(l(8631)),s=o(l(6379)),f=l(3563),p=o(l(451)),b=l(2166),m=o(l(4008)),h=(0,u.default)(s.default)`
6
6
  float: right;
7
7
  [data-test='clickable'] {
8
8
  padding-block: 0;
9
9
  }
10
- `,g=(0,u.default)(d.default)`
10
+ `,g=(0,u.default)(c.default)`
11
11
  padding-block: 0;
12
12
 
13
13
  ${({hasChip:e})=>e&&"\n display: inline-flex;\n align-items: center;\n label {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n }\n "}
@@ -15,14 +15,14 @@
15
15
  margin-top: ${f.variables.spacingXSmall};
16
16
  color: ${f.variables.contentColorDefault};
17
17
  font-size: ${f.variables.fontSizeSmall};
18
- `,y=(0,u.default)(c.default)`
18
+ `,y=(0,u.default)(d.default)`
19
19
  margin-left: auto;
20
20
  `,_=u.default.span`
21
21
  display: inline-flex;
22
22
  align-items: center;
23
23
  min-height: ${f.variables.inputHeight};
24
24
  line-height: 0;
25
- `,k=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:l,name:a,value:n,values:r,itemSchema:o,variantForSelectedState:u,labelPosition:d="right",labelWidth:c,label:s,appearance:f="checkbox",isDisabled:x=!1,helpTextLink:C,chipText:O})=>{const j=(0,b.hasTokens)(n)||x;let E;if(Array.isArray(r)&&2===r.length)E=k(r.map((e=>e.value)),u);else if(Array.isArray(o.enum)&&2===o.enum.length)E=k(o.enum,u);else{if("boolean"!==o.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(o)}`);E=[!1,!0]}const P=(0,i.useCallback)((e=>l(e,a,n===E[1]?E[0]:E[1])),[l,E,a,n]);return"right"===d?i.default.createElement(i.default.Fragment,null,i.default.createElement(g,{"data-test":a,disabled:j,value:a,onClick:P,selected:n===E[1],appearance:f,hasChip:!!O},i.default.createElement(_,null,s),O&&i.default.createElement(y,{"data-test":"beta-chip"},O),e&&"tooltip"===t&&i.default.createElement(h,{content:e})),e&&"under"===t&&i.default.createElement(v,null,e," ",(null==C?void 0:C.label)&&i.default.createElement(i.default.Fragment,null,i.default.createElement("br",null),i.default.createElement(p.default,{"data-test":"help-text-link",to:(null==C?void 0:C.href)||null},C.label)))):i.default.createElement(m.default,{label:s,labelPosition:d,labelWidth:c,tooltip:e},i.default.createElement(g,{"data-test":a,disabled:j,value:a,onClick:P,selected:n===E[1],appearance:f}))}},4008:function(e,t,l){var a=this&&this.__createBinding||(Object.create?function(e,t,l,a){void 0===a&&(a=l);var n=Object.getOwnPropertyDescriptor(t,l);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,a,n)}:function(e,t,l,a){void 0===a&&(a=l),e[a]=t[l]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&a(t,e,l);return n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=r(l(9497)),u=r(l(23)),d=o(l(232)),c=l(6649),s=o(l(6643)),f=l(3563),p=o(l(6379)),b=o(l(7020)),m=o(l(9250)),h=(0,d.default)(m.default)`
25
+ `,k=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:l,name:a,value:n,values:r,itemSchema:o,variantForSelectedState:u,labelPosition:c="right",labelWidth:d,label:s,appearance:f="checkbox",isDisabled:x=!1,helpTextLink:C,chipText:O})=>{const j=(0,b.hasTokens)(n)||x;let E;if(Array.isArray(r)&&2===r.length)E=k(r.map((e=>e.value)),u);else if(Array.isArray(o.enum)&&2===o.enum.length)E=k(o.enum,u);else{if("boolean"!==o.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(o)}`);E=[!1,!0]}const P=(0,i.useCallback)((e=>l(e,a,n===E[1]?E[0]:E[1])),[l,E,a,n]);return"right"===c?i.default.createElement(i.default.Fragment,null,i.default.createElement(g,{"data-test":a,disabled:j,value:a,onClick:P,selected:n===E[1],appearance:f,hasChip:!!O},i.default.createElement(_,null,s),O&&i.default.createElement(y,{"data-test":"beta-chip"},O),e&&"tooltip"===t&&i.default.createElement(h,{content:e})),e&&"under"===t&&i.default.createElement(v,null,e," ",(null==C?void 0:C.label)&&i.default.createElement(i.default.Fragment,null,i.default.createElement("br",null),i.default.createElement(p.default,{"data-test":"help-text-link",to:(null==C?void 0:C.href)||null},C.label)))):i.default.createElement(m.default,{label:s,labelPosition:c,labelWidth:d,tooltip:e},i.default.createElement(g,{"data-test":a,disabled:j,value:a,onClick:P,selected:n===E[1],appearance:f}))}},4008:function(e,t,l){var a=this&&this.__createBinding||(Object.create?function(e,t,l,a){void 0===a&&(a=l);var n=Object.getOwnPropertyDescriptor(t,l);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,a,n)}:function(e,t,l,a){void 0===a&&(a=l),e[a]=t[l]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&a(t,e,l);return n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=r(l(9497)),u=r(l(23)),c=o(l(232)),d=l(6649),s=o(l(6643)),f=l(3563),p=o(l(6379)),b=o(l(7020)),m=o(l(9250)),h=(0,c.default)(m.default)`
26
26
  margin-top: 0;
27
27
  padding: 0;
28
28
  // adjust bottom margin according to theme
@@ -42,16 +42,16 @@
42
42
  [data-test='label']:first-of-type {
43
43
  padding-top: 0;
44
44
  }
45
- `,g=(0,d.default)(p.default)`
45
+ `,g=(0,c.default)(p.default)`
46
46
  display: flex;
47
47
  > span {
48
48
  display: flex;
49
49
  width: 35px;
50
50
  }
51
- `,v=(0,d.default)(b.default)`
51
+ `,v=(0,c.default)(b.default)`
52
52
  color: ${f.variables.contentColorActive} !important;
53
53
  &:hover {
54
54
  background-color: ${f.variables.interactiveColorOverlayDrag} !important;
55
55
  }
56
- `;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(g,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},i.default.createElement(v,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(s.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const y=({"data-test":e,children:l,isAdvanced:a,label:n,hideLabel:r,labelPosition:o,labelWidth:u,tooltip:d,help:c,style:s,error:f,controlsLayout:p,onClick:b,onAdvancedConfigButtonClick:m})=>i.default.createElement(h,{"data-test":null!=e?e:"control-group",label:n,hideLabel:r,labelPosition:o,labelWidth:u,tooltip:d,help:c,error:f,style:s,onClick:b,controlsLayout:p},a?i.Children.toArray(l).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):l,a?i.default.createElement(t.AdvancedConfigButton,{label:n,onClick:m}):null);y.propTypes={style:u.object,isAdvanced:u.bool,onClick:u.func,onAdvancedConfigButtonClick:u.func},y.defaultProps={isAdvanced:!1},t.default=y},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},451:e=>{e.exports=require("@splunk/react-ui/Link")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},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")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};function l(a){var n=t[a];if(void 0!==n)return n.exports;var r=t[a]={exports:{}};return e[a].call(r.exports,r,r.exports,l),r.exports}l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a=l(2749);module.exports=a})();
56
+ `;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(v,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(s.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const y=({"data-test":e,children:l,isAdvanced:a=!1,label:n,hideLabel:r,labelPosition:o,labelWidth:u,tooltip:c,help:d,style:s,error:f,controlsLayout:p,onClick:b,onAdvancedConfigButtonClick:m})=>i.default.createElement(h,{"data-test":null!=e?e:"control-group",label:n,hideLabel:r,labelPosition:o,labelWidth:u,tooltip:c,help:d,error:f,style:s,onClick:b,controlsLayout:p},a?i.Children.toArray(l).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):l,a?i.default.createElement(t.AdvancedConfigButton,{label:n,onClick:m}):null);y.propTypes={style:u.object,isAdvanced:u.bool,onClick:u.func,onAdvancedConfigButtonClick:u.func},t.default=y},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},451:e=>{e.exports=require("@splunk/react-ui/Link")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},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")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};function l(a){var n=t[a];if(void 0!==n)return n.exports;var r=t[a]={exports:{}};return e[a].call(r.exports,r,r.exports,l),r.exports}l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a=l(2749);module.exports=a})();
57
57
  //# sourceMappingURL=CheckboxEditor.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/utils/token.js","webpack://@splunk/dynamic-editors/./src/editors/CheckboxEditor.tsx","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Chip\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Link\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Switch\"","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 \"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/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/webpack/startup"],"sourcesContent":["const 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, { useCallback } from 'react';\nimport styled from 'styled-components';\nimport Switch, { type SwitchClickHandler } from '@splunk/react-ui/Switch';\nimport Chip from '@splunk/react-ui/Chip';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport { variables } from '@splunk/themes';\nimport Link from '@splunk/react-ui/Link';\nimport { hasTokens } from '../utils/token';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\nconst StyledTooltip = styled(Tooltip)`\n float: right;\n [data-test='clickable'] {\n padding-block: 0;\n }\n`;\n\ninterface StyledSwitchProps {\n hasChip?: boolean;\n}\n\nconst StyledSwitch = styled(Switch)<StyledSwitchProps>`\n padding-block: 0;\n\n ${({ hasChip }) =>\n hasChip &&\n `\n display: inline-flex;\n align-items: center;\n label {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n }\n `}\n`;\n\nconst CheckboxInfo = styled.div`\n margin-top: ${variables.spacingXSmall};\n color: ${variables.contentColorDefault};\n font-size: ${variables.fontSizeSmall};\n`;\n\nconst StyledChip = styled(Chip)`\n margin-left: auto;\n`;\n\nconst CenteredLabel = styled.span`\n display: inline-flex;\n align-items: center;\n min-height: ${variables.inputHeight};\n line-height: 0;\n`;\n\nconst sortValues = (values, variantForSelectedState) => {\n if (variantForSelectedState) {\n return [values.find(v => v !== variantForSelectedState), variantForSelectedState];\n }\n\n return values;\n};\n\nexport interface CheckboxEditorProps {\n /**\n * Callback when checking or unchecking the box\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: (evt: React.MouseEvent, name: string, value: string | boolean) => void;\n /**\n * The option name\n */\n name: string;\n /**\n * The item JSON schema, note it needs to be either boolean type or enum that has exactly two variants\n *\n * @type {Object} itemSchema\n */\n itemSchema: { enum?: string[]; type: string };\n /**\n * This indicates how to map the enum variants to selected/unselected state.\n * For example, `variantForSelectedState=\"show\"` means the checkbox will be in selected state when value is `\"show\"`,\n * and will be in unselected state when value is `\"hide\"`.\n * If this prop is unspecified, the first variant in the enum will be used to represent unselected state.\n *\n * Note this prop is only used when itemSchema is enum type and has exactly two variants.\n */\n variantForSelectedState?: string;\n /**\n * A human readable label for the option\n */\n label: string;\n /**\n * The option value\n */\n value: string | boolean;\n /**\n * The option values that can be selected\n */\n values?: { label?: string; value: string }[];\n /**\n * Label position\n */\n labelPosition?: 'left' | 'top' | 'right';\n /**\n * Label width\n */\n labelWidth?: number;\n /**\n * Appearance of the component\n */\n appearance?: 'checkbox' | 'toggle';\n /**\n * Disabled state of component\n */\n isDisabled?: boolean;\n /**\n * help text\n */\n help?: string;\n /**\n * help text format\n */\n helpFormat?: 'tooltip' | 'under';\n /**\n *\n * @type {Object}\n */\n helpTextLink?: { label: string; href?: string };\n /**\n * show chip with text\n */\n chipText?: string;\n}\n\nconst CheckboxEditor = ({\n help,\n helpFormat = 'tooltip',\n onChange,\n name,\n value,\n values,\n itemSchema,\n variantForSelectedState,\n labelPosition = 'right',\n labelWidth,\n label,\n appearance = 'checkbox',\n isDisabled = false,\n helpTextLink,\n chipText,\n}: CheckboxEditorProps) => {\n const disabled = hasTokens(value) || isDisabled;\n let options;\n\n // Note: by default the first value will be mapped to unselected state\n if (Array.isArray(values) && values.length === 2) {\n options = sortValues(\n values.map(v => v.value),\n variantForSelectedState\n );\n } else if (Array.isArray(itemSchema.enum) && itemSchema.enum.length === 2) {\n options = sortValues(itemSchema.enum, variantForSelectedState);\n } else if (itemSchema.type === 'boolean') {\n options = [false, true];\n } else {\n throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(itemSchema)}`);\n }\n\n const handleClick = useCallback<SwitchClickHandler>(\n event => onChange(event, name, value === options[1] ? options[0] : options[1]),\n [onChange, options, name, value]\n );\n\n if (labelPosition === 'right') {\n return (\n <>\n <StyledSwitch\n data-test={name}\n disabled={disabled}\n value={name}\n onClick={handleClick}\n selected={value === options[1]}\n appearance={appearance}\n hasChip={!!chipText}\n >\n <CenteredLabel>{label}</CenteredLabel>\n {chipText && <StyledChip data-test=\"beta-chip\">{chipText}</StyledChip>}\n {help && helpFormat === 'tooltip' && <StyledTooltip content={help} />}\n </StyledSwitch>\n {help && helpFormat === 'under' && (\n <CheckboxInfo>\n {help}\n {` `}\n {helpTextLink?.label && (\n <>\n <br />\n <Link data-test=\"help-text-link\" to={helpTextLink?.href || null}>\n {helpTextLink.label}\n </Link>\n </>\n )}\n </CheckboxInfo>\n )}\n </>\n );\n }\n\n return (\n <ControlGroup label={label} labelPosition={labelPosition} labelWidth={labelWidth} tooltip={help}>\n <StyledSwitch\n data-test={name}\n disabled={disabled}\n value={name}\n onClick={handleClick}\n selected={value === options[1]}\n appearance={appearance}\n />\n </ControlGroup>\n );\n};\n\nexport default CheckboxEditor;\n","import React, { Children, cloneElement, ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup, { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced,\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\nAdvancedControlGroup.defaultProps = {\n isAdvanced: false,\n};\n\nexport default AdvancedControlGroup;\n","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/Chip\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Link\");","module.exports = require(\"@splunk/react-ui/Switch\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","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","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(2749);\n"],"names":["TokenRegExp","RegExp","source","hasTokens","value","test","StyledTooltip","StyledSwitch","hasChip","CheckboxInfo","div","variables","spacingXSmall","contentColorDefault","fontSizeSmall","StyledChip","CenteredLabel","span","inputHeight","sortValues","values","variantForSelectedState","find","v","help","helpFormat","onChange","name","itemSchema","labelPosition","labelWidth","label","appearance","isDisabled","helpTextLink","chipText","disabled","options","Array","isArray","length","map","enum","type","Error","JSON","stringify","handleClick","useCallback","event","onClick","selected","content","to","href","tooltip","ControlGroupContainer","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","_","icon","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","style","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","child","cloneElement","flex","propTypes","T","object","bool","func","defaultProps","module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","__webpack_exports__"],"sourceRoot":""}
1
+ {"version":3,"file":"CheckboxEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/utils/token.js","webpack://@splunk/dynamic-editors/./src/editors/CheckboxEditor.tsx","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Chip\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Link\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Switch\"","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 \"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/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/webpack/startup"],"sourcesContent":["const 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, { useCallback } from 'react';\nimport styled from 'styled-components';\nimport Switch, { type SwitchClickHandler } from '@splunk/react-ui/Switch';\nimport Chip from '@splunk/react-ui/Chip';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport { variables } from '@splunk/themes';\nimport Link from '@splunk/react-ui/Link';\nimport { hasTokens } from '../utils/token';\nimport ControlGroup from '../shared/AdvancedControlGroup';\n\nconst StyledTooltip = styled(Tooltip)`\n float: right;\n [data-test='clickable'] {\n padding-block: 0;\n }\n`;\n\ninterface StyledSwitchProps {\n hasChip?: boolean;\n}\n\nconst StyledSwitch = styled(Switch)<StyledSwitchProps>`\n padding-block: 0;\n\n ${({ hasChip }) =>\n hasChip &&\n `\n display: inline-flex;\n align-items: center;\n label {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n }\n `}\n`;\n\nconst CheckboxInfo = styled.div`\n margin-top: ${variables.spacingXSmall};\n color: ${variables.contentColorDefault};\n font-size: ${variables.fontSizeSmall};\n`;\n\nconst StyledChip = styled(Chip)`\n margin-left: auto;\n`;\n\nconst CenteredLabel = styled.span`\n display: inline-flex;\n align-items: center;\n min-height: ${variables.inputHeight};\n line-height: 0;\n`;\n\nconst sortValues = (values, variantForSelectedState) => {\n if (variantForSelectedState) {\n return [values.find(v => v !== variantForSelectedState), variantForSelectedState];\n }\n\n return values;\n};\n\nexport interface CheckboxEditorProps {\n /**\n * Callback when checking or unchecking the box\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: (evt: React.MouseEvent, name: string, value: string | boolean) => void;\n /**\n * The option name\n */\n name: string;\n /**\n * The item JSON schema, note it needs to be either boolean type or enum that has exactly two variants\n *\n * @type {Object} itemSchema\n */\n itemSchema: { enum?: string[]; type: string };\n /**\n * This indicates how to map the enum variants to selected/unselected state.\n * For example, `variantForSelectedState=\"show\"` means the checkbox will be in selected state when value is `\"show\"`,\n * and will be in unselected state when value is `\"hide\"`.\n * If this prop is unspecified, the first variant in the enum will be used to represent unselected state.\n *\n * Note this prop is only used when itemSchema is enum type and has exactly two variants.\n */\n variantForSelectedState?: string;\n /**\n * A human readable label for the option\n */\n label: string;\n /**\n * The option value\n */\n value: string | boolean;\n /**\n * The option values that can be selected\n */\n values?: { label?: string; value: string }[];\n /**\n * Label position\n */\n labelPosition?: 'left' | 'top' | 'right';\n /**\n * Label width\n */\n labelWidth?: number;\n /**\n * Appearance of the component\n */\n appearance?: 'checkbox' | 'toggle';\n /**\n * Disabled state of component\n */\n isDisabled?: boolean;\n /**\n * help text\n */\n help?: string;\n /**\n * help text format\n */\n helpFormat?: 'tooltip' | 'under';\n /**\n *\n * @type {Object}\n */\n helpTextLink?: { label: string; href?: string };\n /**\n * show chip with text\n */\n chipText?: string;\n}\n\nconst CheckboxEditor = ({\n help,\n helpFormat = 'tooltip',\n onChange,\n name,\n value,\n values,\n itemSchema,\n variantForSelectedState,\n labelPosition = 'right',\n labelWidth,\n label,\n appearance = 'checkbox',\n isDisabled = false,\n helpTextLink,\n chipText,\n}: CheckboxEditorProps) => {\n const disabled = hasTokens(value) || isDisabled;\n let options;\n\n // Note: by default the first value will be mapped to unselected state\n if (Array.isArray(values) && values.length === 2) {\n options = sortValues(\n values.map(v => v.value),\n variantForSelectedState\n );\n } else if (Array.isArray(itemSchema.enum) && itemSchema.enum.length === 2) {\n options = sortValues(itemSchema.enum, variantForSelectedState);\n } else if (itemSchema.type === 'boolean') {\n options = [false, true];\n } else {\n throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(itemSchema)}`);\n }\n\n const handleClick = useCallback<SwitchClickHandler>(\n event => onChange(event, name, value === options[1] ? options[0] : options[1]),\n [onChange, options, name, value]\n );\n\n if (labelPosition === 'right') {\n return (\n <>\n <StyledSwitch\n data-test={name}\n disabled={disabled}\n value={name}\n onClick={handleClick}\n selected={value === options[1]}\n appearance={appearance}\n hasChip={!!chipText}\n >\n <CenteredLabel>{label}</CenteredLabel>\n {chipText && <StyledChip data-test=\"beta-chip\">{chipText}</StyledChip>}\n {help && helpFormat === 'tooltip' && <StyledTooltip content={help} />}\n </StyledSwitch>\n {help && helpFormat === 'under' && (\n <CheckboxInfo>\n {help}\n {` `}\n {helpTextLink?.label && (\n <>\n <br />\n <Link data-test=\"help-text-link\" to={helpTextLink?.href || null}>\n {helpTextLink.label}\n </Link>\n </>\n )}\n </CheckboxInfo>\n )}\n </>\n );\n }\n\n return (\n <ControlGroup label={label} labelPosition={labelPosition} labelWidth={labelWidth} tooltip={help}>\n <StyledSwitch\n data-test={name}\n disabled={disabled}\n value={name}\n onClick={handleClick}\n selected={value === options[1]}\n appearance={appearance}\n />\n </ControlGroup>\n );\n};\n\nexport default CheckboxEditor;\n","import React, { Children, cloneElement, ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup, { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced = false,\n label,\n hideLabel,\n labelPosition,\n labelWidth,\n tooltip,\n help,\n style,\n error,\n controlsLayout,\n onClick,\n onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n <ControlGroupContainer\n data-test={dataTest ?? 'control-group'}\n label={label}\n hideLabel={hideLabel}\n labelPosition={labelPosition}\n labelWidth={labelWidth}\n tooltip={tooltip}\n help={help}\n error={error}\n style={style}\n onClick={onClick}\n controlsLayout={controlsLayout}\n >\n {isAdvanced\n ? Children.toArray(children)\n .filter(Boolean)\n .map(child =>\n cloneElement(child as ReactElement, {\n style: { flex: 1 },\n })\n )\n : children}\n {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n /**\n * Style overriding SUI ControlGroup\n */\n style: T.object,\n /**\n * Whether the current editor is enabled with advanced configurations\n */\n isAdvanced: T.bool,\n /**\n * Callback for editor click\n */\n onClick: T.func,\n /**\n * Callback for advanced config button click\n */\n onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/Chip\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","module.exports = require(\"@splunk/react-ui/Link\");","module.exports = require(\"@splunk/react-ui/Switch\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes\");","module.exports = require(\"@splunk/ui-utils/i18n\");","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","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(2749);\n"],"names":["TokenRegExp","RegExp","source","hasTokens","value","test","StyledTooltip","StyledSwitch","hasChip","CheckboxInfo","div","variables","spacingXSmall","contentColorDefault","fontSizeSmall","StyledChip","CenteredLabel","span","inputHeight","sortValues","values","variantForSelectedState","find","v","help","helpFormat","onChange","name","itemSchema","labelPosition","labelWidth","label","appearance","isDisabled","helpTextLink","chipText","disabled","options","Array","isArray","length","map","enum","type","Error","JSON","stringify","handleClick","useCallback","event","onClick","selected","content","to","href","tooltip","ControlGroupContainer","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","_","icon","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","style","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","child","cloneElement","flex","propTypes","T","object","bool","func","module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","__webpack_exports__"],"sourceRoot":""}