@splunk/dynamic-editors 0.43.1 → 0.44.0

package/editors/RichTextEditor.js

@@ -0,0 +1,37 @@
+/*!
+ * Copyright © 2018 Splunk Inc.
+ * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+ * in part without a valid written license from Splunk Inc. is PROHIBITED.
+ */(()=>{"use strict";var e={9283:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),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)&&r(t,e,o);return n(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)),c=l(o(4008)),s=o(6801),d=o(5862),p=({label:e,labelPosition:t="top",labelWidth:o,help:r,tooltip:n})=>a.createElement(c.default,{label:e,labelPosition:t,labelWidth:o,hideLabel:!1,help:r,tooltip:n},a.createElement("div",{style:d.editorStyle},a.createElement("div",{"data-test":"editor-richtext"}))),f=Object.assign(Object.assign({},s.BaseEditorPropTypes),{className:u.string});p.propTypes=f,t.default=p},6801:function(e,t,o){var r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),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)&&r(t,e,o);return n(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 r=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),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)&&r(t,e,o);return n(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)),c=l(o(232)),s=o(6649),d=l(o(6643)),p=o(3563),f=l(o(6379)),b=l(o(7020)),_=l(o(9250)),v=(0,c.default)(_.default)`
+    margin-top: 0;
+    padding: 0;
+    // adjust bottom margin according to theme
+    margin-bottom: ${p.variables.spacingMedium};
+    width: 100%;
+
+    // remove top margin of the first component in control group
+    &:first-child {
+        margin-top: 0;
+    }
+
+    // remove bottom margin of the last component in control group
+    &:last-child {
+        margin-bottom: 0;
+    }
+    // remove top padding on label of the first control group
+    [data-test='label']:first-of-type {
+        padding-top: 0;
+    }
+`,h=(0,c.default)(f.default)`
+    display: flex;
+    > span {
+        display: flex;
+        width: 35px;
+    }
+`,g=(0,c.default)(b.default)`
+    color: ${p.variables.contentColorActive} !important;
+    &:hover {
+        background-color: ${p.variables.interactiveColorOverlayDrag} !important;
+    }
+`;t.AdvancedConfigButton=({label:e="",onClick:t})=>a.default.createElement(h,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,s._)("Advanced configurations")},a.default.createElement(g,{"data-test":`${e}-advanced-config-button`,icon:a.default.createElement(d.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const m=({"data-test":e,children:o,isAdvanced:r=!1,label:n,hideLabel:i,labelPosition:l,labelWidth:u,tooltip:c,help:s,style:d,error:p,controlsLayout:f,onClick:b,onAdvancedConfigButtonClick:_})=>a.default.createElement(v,{"data-test":null!=e?e:"control-group",label:n,hideLabel:i,labelPosition:l,labelWidth:u,tooltip:c,help:s,error:p,style:d,onClick:b,controlsLayout:f},r?a.Children.toArray(o).filter(Boolean).map((e=>(0,a.cloneElement)(e,{style:{flex:1}}))):o,r?a.default.createElement(t.AdvancedConfigButton,{label:n,onClick:_}):null);m.propTypes={style:u.object,isAdvanced:u.bool,onClick:u.func,onAdvancedConfigButtonClick:u.func},t.default=m},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},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")},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(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,o),i.exports}(9283);module.exports=o})();
+//# sourceMappingURL=RichTextEditor.js.map

package/editors/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","mappings":"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","sources":["webpack://@splunk/dynamic-editors/./src/editors/RichTextEditor.tsx","webpack://@splunk/dynamic-editors/./src/interfaces/BaseEditorProps.ts","webpack://@splunk/dynamic-editors/./src/shared/AdvancedControlGroup.tsx","webpack://@splunk/dynamic-editors/./src/shared/dimensionConstants.ts","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-icons/SlidersDoubleHorizontal\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/Button\"","webpack://@splunk/dynamic-editors/external commonjs2 \"@splunk/react-ui/ControlGroup\"","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 ControlGroup from '../shared/AdvancedControlGroup';\nimport type { BaseEditorProps } from '../interfaces/BaseEditorProps';\nimport { BaseEditorPropTypes } from '../interfaces/BaseEditorProps';\nimport { editorStyle } from '../shared/dimensionConstants';\n\ntype RichTextShellProps = BaseEditorProps & {\n    help?: string;\n    tooltip?: string;\n};\n\n/**\n * Shell-only Rich Text editor.\n * The actual editing UI is portaled from the visualization into\n * the container with data-test=\"editor-richtext\".\n */\nconst RichTextEditor: React.FC<RichTextShellProps> = ({\n    label,\n    labelPosition = 'top',\n    labelWidth,\n    help,\n    tooltip,\n}) => {\n    return (\n        <ControlGroup\n            label={label}\n            labelPosition={labelPosition}\n            labelWidth={labelWidth}\n            hideLabel={false}\n            help={help}\n            tooltip={tooltip}\n        >\n            <div style={editorStyle}>\n                <div data-test=\"editor-richtext\" />\n            </div>\n        </ControlGroup>\n    );\n};\n\nconst propTypes: Record<keyof RichTextShellProps, T.Validator<any>> = {\n    ...BaseEditorPropTypes,\n    className: T.string,\n} as any;\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore - assigning propTypes to TS component\nRichTextEditor.propTypes = propTypes;\n\nexport default RichTextEditor;\n","import * as T from 'prop-types';\nimport type { JSONSchema7 } from 'json-schema';\n\nexport interface BaseEditorProps {\n    name: string;\n    value: any;\n    onChange?: (...args: any[]) => void;\n    label?: string; // @TODO(pwied): this should not live in editor props\n    labelPosition?: 'top' | 'left'; // ^^^\n    context?: Record<string, any>;\n    labelWidth?: number;\n    isAdvanced?: boolean;\n    isDisabled?: boolean;\n    dataSourceBindings?: Record<string, any>;\n    options?: { [k: string]: any };\n    optionsSchema?: {\n        [key: string]: JSONSchema7;\n    };\n}\n\nexport const BaseEditorPropTypes: Record<keyof BaseEditorProps, T.Validator<any>> = {\n    name: T.string.isRequired,\n    value: T.oneOfType([T.string, T.object, T.arrayOf(T.string)]),\n    context: T.object,\n    label: T.string,\n    labelPosition: T.oneOf(['top', 'left']),\n    labelWidth: T.number,\n    onChange: T.func,\n    isAdvanced: T.bool,\n    isDisabled: T.bool,\n    dataSourceBindings: T.object,\n    options: T.object,\n    optionsSchema: T.object,\n};\n","import React, { Children, cloneElement } from 'react';\nimport type { ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport type { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport Button from '@splunk/react-ui/Button';\nimport SUIControlGroup from '@splunk/react-ui/ControlGroup';\nimport type { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n    'data-test'?: string;\n    style?: Record<string, string | number>;\n    isAdvanced?: boolean;\n    onClick?: React.MouseEventHandler<HTMLDivElement>;\n    onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n    label?: string;\n    onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n    margin-top: 0;\n    padding: 0;\n    // adjust bottom margin according to theme\n    margin-bottom: ${variables.spacingMedium};\n    width: 100%;\n\n    // remove top margin of the first component in control group\n    &:first-child {\n        margin-top: 0;\n    }\n\n    // remove bottom margin of the last component in control group\n    &:last-child {\n        margin-bottom: 0;\n    }\n    // remove top padding on label of the first control group\n    [data-test='label']:first-of-type {\n        padding-top: 0;\n    }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n    display: flex;\n    > span {\n        display: flex;\n        width: 35px;\n    }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n    color: ${variables.contentColorActive} !important;\n    &:hover {\n        background-color: ${variables.interactiveColorOverlayDrag} !important;\n    }\n`;\n\nexport const AdvancedConfigButton = ({\n    label = '',\n    onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n    return (\n        <StyledToolTip\n            data-test={`${label}-advanced-config-button-tooltip`}\n            content={_('Advanced configurations')}\n        >\n            <StyledAdvancedConfigButton\n                data-test={`${label}-advanced-config-button`}\n                icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n                appearance=\"subtle\"\n                onClick={onClick}\n            />\n        </StyledToolTip>\n    );\n};\n\nconst AdvancedControlGroup = ({\n    'data-test': dataTest,\n    children,\n    isAdvanced = false,\n    label,\n    hideLabel,\n    labelPosition,\n    labelWidth,\n    tooltip,\n    help,\n    style,\n    error,\n    controlsLayout,\n    onClick,\n    onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n    <ControlGroupContainer\n        data-test={dataTest ?? 'control-group'}\n        label={label}\n        hideLabel={hideLabel}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        tooltip={tooltip}\n        help={help}\n        error={error}\n        style={style}\n        onClick={onClick}\n        controlsLayout={controlsLayout}\n    >\n        {isAdvanced\n            ? Children.toArray(children)\n                  .filter(Boolean)\n                  .map(child =>\n                      cloneElement(child as ReactElement, {\n                          style: { flex: 1 },\n                      })\n                  )\n            : children}\n        {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n    </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n    /**\n     * Style overriding SUI ControlGroup\n     */\n    style: T.object,\n    /**\n     * Whether the current editor is enabled with advanced configurations\n     */\n    isAdvanced: T.bool,\n    /**\n     * Callback for editor click\n     */\n    onClick: T.func,\n    /**\n     * Callback for advanced config button click\n     */\n    onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","export const FLYOUT_PADDING = 21;\nexport const COLUMN_FLYOUT_PADDING = 16;\nexport const FLYOUT_WIDTH = 344;\n\nexport const VERTICAL_EDITOR_SPACING = 16;\n\nexport const DROPDOWN_MENU_WIDTH = 327;\n\nexport const editorStyle = { width: '100%' };\n","module.exports = require(\"@splunk/react-icons/SlidersDoubleHorizontal\");","module.exports = require(\"@splunk/react-ui/Button\");","module.exports = require(\"@splunk/react-ui/ControlGroup\");","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__(9283);\n"],"names":["RichTextEditor","label","labelPosition","labelWidth","help","tooltip","hideLabel","style","editorStyle","propTypes","BaseEditorPropTypes","className","T","string","name","isRequired","value","oneOfType","object","arrayOf","context","oneOf","number","onChange","func","isAdvanced","bool","isDisabled","dataSourceBindings","options","optionsSchema","ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","FLYOUT_PADDING","COLUMN_FLYOUT_PADDING","FLYOUT_WIDTH","VERTICAL_EDITOR_SPACING","DROPDOWN_MENU_WIDTH","width","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call"],"sourceRoot":""}

package/editors/TableColumnFormatterEditor.js

@@ -2,7 +2,7 @@
  * Copyright © 2018 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */(()=>{"use strict";var e={6004:(e,t,a)=>{a.r(t),a.d(t,{default:()=>oe,editorTypeToComponentMap:()=>te});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(2749),c=a.n(u),d=a(4182),f=a(3263),p=a(9967),m=a(2065),b=a(3797),g=a(397),h=a(3068),v=a(148),y=a.n(v),C=a(4215),_=a.n(C),O=a(2406),E=a(2055),x=a(1027),P=a(152),j=a(8281),w=a(4942),D=a.n(w),T=a(5731),S=a.n(T),M=a(6116),k=a.n(M),F=a(8444),R=a(4680),B=a(7970),A=a.n(B),I=a(5456),L=a(7585),$=a.n(L),N=a(2117),V=a.n(N),q=a(2965),W=a.n(q),U=a(5695),z=a.n(U),G=a(7364),K=a.n(G),H=a(9172),Y=a.n(H),X=a(5678),Z=a.n(X),J=a(8687),Q=a.n(J),ee=a(1546);const te={"editor.checkbox":c(),"editor.radioBar":f.default,"editor.select":d.default,"editor.text":p.default,"editor.textArea":Q(),"editor.toggle":m.default,"editor.number":b.default,"editor.color":g.default,"editor.percent":h.default,"editor.image":O.default,"editor.threshold":E.default,"editor.presetSelector":_(),"editor.dynamicColor":P.DynamicColorEditor,"editor.dynamicColorWithPrecedence":j.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":D(),"editor.columnSelector":S(),"editor.tableColumnFormatter":k(),"editor.tableBackgroundColor":R.TableBackgroundColorEditor,"editor.tableDynamicColor":F.TableDynamicColorEditor,"editor.slider":y(),"editor.markdown":A(),"editor.staticItem":I.default,"editor.dynamicItem":$(),"editor.arrayOfStrings":V(),"editor.multiColorPicker":W(),"editor.seriesColors":z(),"editor.seriesColorsByField":K(),"editor.columnMultiSelectionByFieldNameEditor":Y(),"editor.trellisSplitBy":Z(),"editor.networkGraphDynamicColor":ee.NetworkGraphDynamicColorEditor},ae=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!te[f])throw Error(`Invalid editor type: ${f}`);p=te[f]}else p=f;const m=(0,x.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};ae.propTypes={item:s().object.isRequired,name:s().string.isRequired,itemSchema:s().object.isRequired,context:s().object,dataSourceBindings:s().object,value:s().any,onChange:s().func.isRequired,isDisabled:s().bool,options:s().object,optionsSchema:s().object};const oe=ae},397:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),c=a(3563),d=a(7408),f=a.n(d),p=a(4082),m=a.n(p),b=a(8987),g=a(6649),h=a(2621),v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
+ */(()=>{"use strict";var e={6004:(e,t,a)=>{a.r(t),a.d(t,{default:()=>re,editorTypeToComponentMap:()=>oe});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(2749),c=a.n(u),d=a(4182),f=a(3263),p=a(9967),m=a(2065),b=a(3797),g=a(397),h=a(3068),v=a(148),y=a.n(v),C=a(4215),_=a.n(C),O=a(2406),E=a(2055),x=a(1027),P=a(152),j=a(8281),w=a(4942),D=a.n(w),T=a(5731),S=a.n(T),M=a(6116),k=a.n(M),F=a(8444),R=a(4680),B=a(7970),A=a.n(B),I=a(5456),L=a(7585),$=a.n(L),N=a(2117),V=a.n(N),q=a(2965),W=a.n(q),U=a(5695),z=a.n(U),G=a(7364),K=a.n(G),H=a(9172),Y=a.n(H),X=a(5678),Z=a.n(X),J=a(8687),Q=a.n(J),ee=a(1546),te=a(9283),ae=a.n(te);const oe={"editor.checkbox":c(),"editor.radioBar":f.default,"editor.select":d.default,"editor.text":p.default,"editor.textArea":Q(),"editor.toggle":m.default,"editor.number":b.default,"editor.color":g.default,"editor.percent":h.default,"editor.image":O.default,"editor.threshold":E.default,"editor.presetSelector":_(),"editor.dynamicColor":P.DynamicColorEditor,"editor.dynamicColorWithPrecedence":j.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":D(),"editor.columnSelector":S(),"editor.tableColumnFormatter":k(),"editor.tableBackgroundColor":R.TableBackgroundColorEditor,"editor.tableDynamicColor":F.TableDynamicColorEditor,"editor.slider":y(),"editor.markdown":A(),"editor.staticItem":I.default,"editor.dynamicItem":$(),"editor.arrayOfStrings":V(),"editor.multiColorPicker":W(),"editor.seriesColors":z(),"editor.seriesColorsByField":K(),"editor.columnMultiSelectionByFieldNameEditor":Y(),"editor.trellisSplitBy":Z(),"editor.networkGraphDynamicColor":ee.NetworkGraphDynamicColorEditor,"editor.richtext":ae()},le=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!oe[f])throw Error(`Invalid editor type: ${f}`);p=oe[f]}else p=f;const m=(0,x.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};le.propTypes={item:s().object.isRequired,name:s().string.isRequired,itemSchema:s().object.isRequired,context:s().object,dataSourceBindings:s().object,value:s().any,onChange:s().func.isRequired,isDisabled:s().bool,options:s().object,optionsSchema:s().object};const re=le},397:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),c=a(3563),d=a(7408),f=a.n(d),p=a(4082),m=a.n(p),b=a(8987),g=a(6649),h=a(2621),v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
     max-height: ${c.variables.inputHeight};
     width: 100%;
     min-width: 0;
@@ -238,7 +238,7 @@
 `,E=s.default.span`
     font-size: 13px;
     font-weight: normal;
-`,x=({presetName:e,presetLabel:t,presetValue:a,selectedPreset:o,onPopoverClick:l,open:r})=>{const n=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{l(e,t,a)}),[l,t,a]);return(0,i.useEffect)((()=>{var e;r&&t===o&&(null===(e=n.current)||void 0===e||e.focus())}),[r,t,o]),i.default.createElement(y,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===o,onClick:u,ref:n},i.default.createElement(_,null,s&&i.default.createElement(s,{"data-test":`icon-label-${t}`})),i.default.createElement(O,null,i.default.createElement(E,null,t))))};t.default=({animation:e=!0,labelPosition:t="top",onChange:a,label:o,labelWidth:l,presets:r,value:n})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(n||"Select..."),[m,y]=i.default.useState(),C=i.default.useCallback((e=>y(e)),[]),_=i.default.useCallback((()=>u((e=>!e))),[]),O=i.default.useCallback((({event:e,reason:t})=>{if(e&&"clickAway"===t){let t=e.target;for(;t;){if(t===m||void 0===(null==t?void 0:t.parentNode))return;t=t.parentNode}}u(!1),m.focus()}),[m]),E=i.default.useCallback(((e,t,o)=>{p(t),a(e,o),u(!1),m.focus()}),[m,a]),P=`preset-editor-flyout-${o.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(b.default,{label:o,labelPosition:t,labelWidth:l},i.default.createElement(c.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:_,"aria-label":`${o}, ${f}`,"aria-expanded":s,"aria-controls":P})),i.default.createElement(d.default,{id:P,animation:e,"data-test":"preset-editor-flyout",open:s,anchor:m,appearance:"normal",defaultPlacement:"horizontal",onRequestClose:O,role:"dialog"},i.default.createElement(g,{"data-test":"flyout-header"},i.default.createElement(h,{"data-test":"preset-selector-flyout-label"},o)),i.default.createElement(v,null,r.map((e=>i.default.createElement(x,{key:e.label,presetName:e.name,presetLabel:e.label,presetValue:e.value,selectedPreset:f,onPopoverClick:E,open:s}))))))}},7364:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),c=a(6649),d=a(8987),f=n(a(2373)),p=a(2687),m=n(a(3453)),b=a(9033),g=n(a(2965)),h=n(a(4008)),v=a(6801),y=a(1385),C={},_={},O={},E=({name:e,value:t=C,dataSourceBindings:a,onChange:o,options:l=_,isCategorical:r=!1,context:n,optionsSchema:v=O})=>{var E;const[x,P]=(0,i.useState)(Object.values(t)),[j,w]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{P(Object.values(t)),w(Object.keys(t))}),[JSON.stringify(t)]);const D=(0,y.useDataSource)({dataSourceBindings:a,dataSourceKey:"primary"}),{isLoading:T}=(0,i.useMemo)((()=>(0,b.getDataSourceStateInfo)(D)),[D]),{category:S=(null===(E=null==v?void 0:v.category)||void 0===E?void 0:E.default)}=null!=l?l:{},M=(0,i.useMemo)((()=>{var e,t;if(r){if(!S)return[];if(Array.isArray(S))return[...new Set(S.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))];if(!T&&m.default.isDslString(S)){const e=p.Options.evaluate({context:n,options:Object.assign(Object.assign({},l),{category:S})},{primary:D});if(Array.isArray(e.category))return[...new Set(e.category.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))]}return[]}return null!==(t=null===(e=null==D?void 0:D.data)||void 0===e?void 0:e.fields.map((e=>e.name)))&&void 0!==t?t:[]}),[n,D,r,l,S,T]),{editorLabel:k,flyoutTitle:F,addColorButtonLabel:R}=(0,i.useMemo)((()=>r?{editorLabel:(0,c._)("Series colors by category name"),flyoutTitle:(0,c._)("Color by category name"),addColorButtonLabel:(0,c._)("Add category")}:{editorLabel:(0,c._)("Series colors by field name"),flyoutTitle:(0,c._)("Color by field name"),addColorButtonLabel:(0,c._)("Add field")}),[r]),B=({updatedColors:e,updatedFields:t})=>{const a={};return t.forEach(((t,o)=>{a[t]=e[o]})),a},A=(0,i.useCallback)(((t,a,l)=>{if(l.length>M.length)return;const r=j;if(l.length>x.length){const e=M.find((e=>!j.includes(e)));r.push(e)}if(l.length<x.length){const e=x.findIndex((e=>!l.includes(e)));r.splice(e,1)}o(null,e,B({updatedColors:l,updatedFields:r}))}),[M,o,e,j,x]),I=(0,i.useCallback)((({newFieldIndex:t,currFieldIndex:a})=>{const l=j.includes(M[t]),r=j;if(l){const e=j.indexOf(M[t]),o=j[a];r[a]=j[e],r[e]=o}else r[a]=M[t];o(null,e,B({updatedColors:x,updatedFields:r}))}),[j,M,x,e,o]),L=(0,i.useMemo)((()=>(({fields:e,dsFields:t,handleFieldChange:a})=>{const o=({index:o})=>{const l=(0,i.useMemo)((()=>t.map(((e,t)=>i.default.createElement(f.default.Option,{label:e,value:t,key:(0,d.createDOMID)(),"data-test":`${e}-${o}`})))),[o]),r=(0,i.useCallback)(((e,{value:t})=>{a({newFieldIndex:t,currFieldIndex:o})}),[o]),n=t.indexOf(e[o]);return i.default.createElement(f.default,{value:n,onChange:r,style:{width:190},"data-test":"field-select"},l)};return o.propTypes={index:s.number},o})({fields:j,dsFields:M,handleFieldChange:I})),[M,j,I]);return i.default.createElement(h.default,{label:k,labelPosition:"top","data-test":"SeriesColorsByFieldEditor"},i.default.createElement(g.default,{value:x,onChange:A,name:"series",canReorderColors:!1,flyoutTitle:F,addColorButtonLabel:R,CustomColorMatchEditor:L,isDisabled:M.length<1,canAddNewColors:j.length<M.length}))};E.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{isCategorical:s.bool}),t.default=E},5695:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PALETTES=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(4793),d=n(a(7020)),f=n(a(7143)),p=n(a(6214)),m=n(a(4233)),b=a(6649),g=a(3850),h=n(a(2965)),v=a(1705),y=n(a(4008)),C=n(a(1494)),_=a(5862),O=a(6801);t.PALETTES={default:{id:"default",name:(0,b._)("Default"),palette:g.VIZ_CATEGORICAL},custom:{id:"custom",name:(0,b._)("Custom"),palette:[]}};const E=u.default.div`
+`,x=({presetName:e,presetLabel:t,presetValue:a,selectedPreset:o,onPopoverClick:l,open:r})=>{const n=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{l(e,t,a)}),[l,t,a]);return(0,i.useEffect)((()=>{var e;r&&t===o&&(null===(e=n.current)||void 0===e||e.focus())}),[r,t,o]),i.default.createElement(y,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===o,onClick:u,ref:n},i.default.createElement(_,null,s&&i.default.createElement(s,{"data-test":`icon-label-${t}`})),i.default.createElement(O,null,i.default.createElement(E,null,t))))};t.default=({animation:e=!0,labelPosition:t="top",onChange:a,label:o,labelWidth:l,presets:r,value:n})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(n||"Select..."),[m,y]=i.default.useState(),C=i.default.useCallback((e=>y(e)),[]),_=i.default.useCallback((()=>u((e=>!e))),[]),O=i.default.useCallback((({event:e,reason:t})=>{if(e&&"clickAway"===t){let t=e.target;for(;t;){if(t===m||void 0===(null==t?void 0:t.parentNode))return;t=t.parentNode}}u(!1),m.focus()}),[m]),E=i.default.useCallback(((e,t,o)=>{p(t),a(e,o),u(!1),m.focus()}),[m,a]),P=`preset-editor-flyout-${o.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(b.default,{label:o,labelPosition:t,labelWidth:l},i.default.createElement(c.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:_,"aria-label":`${o}, ${f}`,"aria-expanded":s,"aria-controls":P})),i.default.createElement(d.default,{id:P,animation:e,"data-test":"preset-editor-flyout",open:s,anchor:m,appearance:"normal",defaultPlacement:"horizontal",onRequestClose:O,role:"dialog"},i.default.createElement(g,{"data-test":"flyout-header"},i.default.createElement(h,{"data-test":"preset-selector-flyout-label"},o)),i.default.createElement(v,null,r.map((e=>i.default.createElement(x,{key:e.label,presetName:e.name,presetLabel:e.label,presetValue:e.value,selectedPreset:f,onPopoverClick:E,open:s}))))))}},9283:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(4008)),c=a(6801),d=a(5862),f=({label:e,labelPosition:t="top",labelWidth:a,help:o,tooltip:l})=>i.createElement(u.default,{label:e,labelPosition:t,labelWidth:a,hideLabel:!1,help:o,tooltip:l},i.createElement("div",{style:d.editorStyle},i.createElement("div",{"data-test":"editor-richtext"}))),p=Object.assign(Object.assign({},c.BaseEditorPropTypes),{className:s.string});f.propTypes=p,t.default=f},7364:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),c=a(6649),d=a(8987),f=n(a(2373)),p=a(2687),m=n(a(3453)),b=a(9033),g=n(a(2965)),h=n(a(4008)),v=a(6801),y=a(1385),C={},_={},O={},E=({name:e,value:t=C,dataSourceBindings:a,onChange:o,options:l=_,isCategorical:r=!1,context:n,optionsSchema:v=O})=>{var E;const[x,P]=(0,i.useState)(Object.values(t)),[j,w]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{P(Object.values(t)),w(Object.keys(t))}),[JSON.stringify(t)]);const D=(0,y.useDataSource)({dataSourceBindings:a,dataSourceKey:"primary"}),{isLoading:T}=(0,i.useMemo)((()=>(0,b.getDataSourceStateInfo)(D)),[D]),{category:S=(null===(E=null==v?void 0:v.category)||void 0===E?void 0:E.default)}=null!=l?l:{},M=(0,i.useMemo)((()=>{var e,t;if(r){if(!S)return[];if(Array.isArray(S))return[...new Set(S.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))];if(!T&&m.default.isDslString(S)){const e=p.Options.evaluate({context:n,options:Object.assign(Object.assign({},l),{category:S})},{primary:D});if(Array.isArray(e.category))return[...new Set(e.category.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))]}return[]}return null!==(t=null===(e=null==D?void 0:D.data)||void 0===e?void 0:e.fields.map((e=>e.name)))&&void 0!==t?t:[]}),[n,D,r,l,S,T]),{editorLabel:k,flyoutTitle:F,addColorButtonLabel:R}=(0,i.useMemo)((()=>r?{editorLabel:(0,c._)("Series colors by category name"),flyoutTitle:(0,c._)("Color by category name"),addColorButtonLabel:(0,c._)("Add category")}:{editorLabel:(0,c._)("Series colors by field name"),flyoutTitle:(0,c._)("Color by field name"),addColorButtonLabel:(0,c._)("Add field")}),[r]),B=({updatedColors:e,updatedFields:t})=>{const a={};return t.forEach(((t,o)=>{a[t]=e[o]})),a},A=(0,i.useCallback)(((t,a,l)=>{if(l.length>M.length)return;const r=j;if(l.length>x.length){const e=M.find((e=>!j.includes(e)));r.push(e)}if(l.length<x.length){const e=x.findIndex((e=>!l.includes(e)));r.splice(e,1)}o(null,e,B({updatedColors:l,updatedFields:r}))}),[M,o,e,j,x]),I=(0,i.useCallback)((({newFieldIndex:t,currFieldIndex:a})=>{const l=j.includes(M[t]),r=j;if(l){const e=j.indexOf(M[t]),o=j[a];r[a]=j[e],r[e]=o}else r[a]=M[t];o(null,e,B({updatedColors:x,updatedFields:r}))}),[j,M,x,e,o]),L=(0,i.useMemo)((()=>(({fields:e,dsFields:t,handleFieldChange:a})=>{const o=({index:o})=>{const l=(0,i.useMemo)((()=>t.map(((e,t)=>i.default.createElement(f.default.Option,{label:e,value:t,key:(0,d.createDOMID)(),"data-test":`${e}-${o}`})))),[o]),r=(0,i.useCallback)(((e,{value:t})=>{a({newFieldIndex:t,currFieldIndex:o})}),[o]),n=t.indexOf(e[o]);return i.default.createElement(f.default,{value:n,onChange:r,style:{width:190},"data-test":"field-select"},l)};return o.propTypes={index:s.number},o})({fields:j,dsFields:M,handleFieldChange:I})),[M,j,I]);return i.default.createElement(h.default,{label:k,labelPosition:"top","data-test":"SeriesColorsByFieldEditor"},i.default.createElement(g.default,{value:x,onChange:A,name:"series",canReorderColors:!1,flyoutTitle:F,addColorButtonLabel:R,CustomColorMatchEditor:L,isDisabled:M.length<1,canAddNewColors:j.length<M.length}))};E.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{isCategorical:s.bool}),t.default=E},5695:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PALETTES=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(4793),d=n(a(7020)),f=n(a(7143)),p=n(a(6214)),m=n(a(4233)),b=a(6649),g=a(3850),h=n(a(2965)),v=a(1705),y=n(a(4008)),C=n(a(1494)),_=a(5862),O=a(6801);t.PALETTES={default:{id:"default",name:(0,b._)("Default"),palette:g.VIZ_CATEGORICAL},custom:{id:"custom",name:(0,b._)("Custom"),palette:[]}};const E=u.default.div`
     width: 120px;
     margin-right: 20px;
     display: flex;
@@ -487,7 +487,7 @@
     display: flex;
     flex-direction: column;
     margin-left: ${c.default.spacingMedium};
-`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:a,updateRangeBoundary:o,value:l})=>{if(a){const a=o(l,e);a&&a.error&&t(a.error)}};t.default=({initialValue:e,rangeBoundaryIndex:a,rangeText:o,rangeValues:l,showNumberEditor:r=!0,updateRangeBoundary:n})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),C=i.useCallback(((e,{value:o})=>{u(o),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:!c,updateRangeBoundary:n,value:o})}),[c,a,n]),_=i.useCallback((()=>{g(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:n,value:s})}),[a,s,e,n]),O=i.useCallback((o=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"Enter"===o.key&&"number"==typeof s&&s!==e,updateRangeBoundary:n,value:s})),[a,s,e,n]);return i.useEffect((()=>{h&&!l.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:n,value:s}))}),[s,h,a,l,n]),i.createElement(b,null,i.createElement(m,null,r&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null!=s?s:e}),i.createElement(d,null,o)),r&&h&&i.createElement(f,null,h))}},1782:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>{let o=e;return null===o&&(o="transparent"),a({colorIndex:t,value:o})}),[t,a]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:o,onChange:l,hideInput:!0})}},104:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=n(a(2841)),f=n(a(6959)),p=n(a(1782)),m=n(a(6900)),b=a(8548),g=u.default.div`
+`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:a,updateRangeBoundary:o,value:l})=>{if(a){const a=o(l,e);a&&a.error&&t(a.error)}};t.default=({initialValue:e,rangeBoundaryIndex:a,rangeText:o,rangeValues:l,showNumberEditor:r=!0,updateRangeBoundary:n})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),C=i.useCallback(((e,{value:o})=>{u(o),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:!c,updateRangeBoundary:n,value:o})}),[c,a,n]),_=i.useCallback((()=>{g(!1),"number"==typeof s?(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:s!==e,updateRangeBoundary:n,value:s}):u(null)}),[a,s,e,n]),O=i.useCallback((o=>{"Enter"===o.key&&("number"==typeof s?(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:s!==e,updateRangeBoundary:n,value:s}):u(null))}),[a,s,e,n]);return i.useEffect((()=>{h&&!l.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:n,value:s}))}),[s,h,a,l,n]),i.createElement(b,null,i.createElement(m,null,r&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null===s?e:s}),i.createElement(d,null,o)),r&&h&&i.createElement(f,null,h))}},1782:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>{let o=e;return null===o&&(o="transparent"),a({colorIndex:t,value:o})}),[t,a]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:o,onChange:l,hideInput:!0})}},104:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=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)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=n(a(2841)),f=n(a(6959)),p=n(a(1782)),m=n(a(6900)),b=a(8548),g=u.default.div`
     padding-top: 10px;
 `,h=u.default.div`
     display: flex;