@splunk/dynamic-editors 0.42.1 → 0.42.2
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.
- package/CHANGELOG.md +17 -94
- package/DynamicEditor.js +69 -69
- package/DynamicEditor.js.map +1 -1
- package/containers/EditorItem.js +72 -72
- package/containers/EditorItem.js.map +1 -1
- package/containers/EditorLayout.js +80 -80
- package/containers/EditorLayout.js.map +1 -1
- package/containers/EditorLayoutItem.js +54 -54
- package/containers/EditorLayoutItem.js.map +1 -1
- package/editors/AdvancedConfigCard.js.map +1 -1
- package/editors/ArrayOfStringsEditor.js +4 -4
- package/editors/ArrayOfStringsEditor.js.map +1 -1
- package/editors/CheckboxEditor.js.map +1 -1
- package/editors/ColorEditor.js.map +1 -1
- package/editors/ColumnMultiSelectionByFieldNameEditor.js.map +1 -1
- package/editors/ColumnMultiSelectionEditor.js +4 -4
- package/editors/ColumnMultiSelectionEditor.js.map +1 -1
- package/editors/ColumnSelectionEditor.js +4 -4
- package/editors/ColumnSelectionEditor.js.map +1 -1
- package/editors/CustomizedInSourceEditor.js +4 -4
- package/editors/CustomizedInSourceEditor.js.map +1 -1
- package/editors/DynamicColorEditor.js +40 -40
- package/editors/DynamicColorEditor.js.map +1 -1
- package/editors/DynamicColorEditorWithPrecedence.js +24 -24
- package/editors/DynamicColorEditorWithPrecedence.js.map +1 -1
- package/editors/DynamicItemEditor.js +4 -4
- package/editors/DynamicItemEditor.js.map +1 -1
- package/editors/ImageEditor.js.map +1 -1
- package/editors/MultiColorPickerEditor.js.map +1 -1
- package/editors/NetworkGraphDynamicColorEditor.js +39 -39
- package/editors/NetworkGraphDynamicColorEditor.js.map +1 -1
- package/editors/NumberEditor.js.map +1 -1
- package/editors/PercentEditor.js.map +1 -1
- package/editors/PresetSelectorEditor.js +1 -1
- package/editors/PresetSelectorEditor.js.map +1 -1
- package/editors/RadioBarEditor.js.map +1 -1
- package/editors/SelectEditor.js.map +1 -1
- package/editors/SeriesColorsByFieldEditor.js.map +1 -1
- package/editors/SeriesColorsEditor.js +12 -12
- package/editors/SeriesColorsEditor.js.map +1 -1
- package/editors/SliderEditor.js +3 -3
- package/editors/SliderEditor.js.map +1 -1
- package/editors/StaticItemEditor.js.map +1 -1
- package/editors/TableColumnFormatterEditor.js +52 -52
- package/editors/TableColumnFormatterEditor.js.map +1 -1
- package/editors/TableDynamicColorEditor.js +24 -24
- package/editors/TableDynamicColorEditor.js.map +1 -1
- package/editors/TextAreaEditor.js.map +1 -1
- package/editors/TextEditor.js.map +1 -1
- package/editors/ThresholdEditor.js.map +1 -1
- package/editors/ToggleEditor.js.map +1 -1
- package/package.json +2 -2
- package/shared/AdvancedControlGroup.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleEditor.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 \"@babel/runtime/helpers/extends\"","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/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/./src/editors/ToggleEditor.jsx"],"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 } from 'react';\nimport type { ReactElement } from 'react';\nimport * as T from 'prop-types';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AdvancedConfigIcon from '@splunk/react-icons/SlidersDoubleHorizontal';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport Button, { ButtonClickHandler, ButtonProps } from '@splunk/react-ui/Button';\nimport SUIControlGroup from '@splunk/react-ui/ControlGroup';\nimport type { ControlGroupPropsBase } from '@splunk/react-ui/ControlGroup';\n\ninterface AdvancedControlGroupProps extends Omit<ControlGroupPropsBase, 'splunkTheme'> {\n 'data-test'?: string;\n style?: Record<string, string | number>;\n isAdvanced?: boolean;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onAdvancedConfigButtonClick?: ButtonClickHandler;\n}\n\ninterface AdvancedConfigButtonProps {\n label?: string;\n onClick?: ButtonClickHandler;\n}\n\n// remove all surrounding margins. let parent add padding\nconst ControlGroupContainer = styled(SUIControlGroup)`\n margin-top: 0;\n padding: 0;\n // adjust bottom margin according to theme\n margin-bottom: ${variables.spacingMedium};\n width: 100%;\n\n // remove top margin of the first component in control group\n &:first-child {\n margin-top: 0;\n }\n\n // remove bottom margin of the last component in control group\n &:last-child {\n margin-bottom: 0;\n }\n // remove top padding on label of the first control group\n [data-test='label']:first-of-type {\n padding-top: 0;\n }\n`;\n\n// override tooltip to set desired config button style\nconst StyledToolTip = styled(Tooltip)`\n display: flex;\n > span {\n display: flex;\n width: 35px;\n }\n`;\n\nconst StyledAdvancedConfigButton = styled(Button)<ButtonProps>`\n color: ${variables.contentColorActive} !important;\n &:hover {\n background-color: ${variables.interactiveColorOverlayDrag} !important;\n }\n`;\n\nexport const AdvancedConfigButton = ({\n label = '',\n onClick,\n}: AdvancedConfigButtonProps): React.ReactElement => {\n return (\n <StyledToolTip\n data-test={`${label}-advanced-config-button-tooltip`}\n content={_('Advanced configurations')}\n >\n <StyledAdvancedConfigButton\n data-test={`${label}-advanced-config-button`}\n icon={<AdvancedConfigIcon data-test={`${label}-advanced-config-button-icon`} />}\n appearance=\"subtle\"\n onClick={onClick}\n />\n </StyledToolTip>\n );\n};\n\nconst AdvancedControlGroup = ({\n 'data-test': dataTest,\n children,\n isAdvanced = false,\n label,\n hideLabel,\n labelPosition,\n labelWidth,\n tooltip,\n help,\n style,\n error,\n controlsLayout,\n onClick,\n onAdvancedConfigButtonClick,\n}: AdvancedControlGroupProps): React.ReactElement => (\n <ControlGroupContainer\n data-test={dataTest ?? 'control-group'}\n label={label}\n hideLabel={hideLabel}\n labelPosition={labelPosition}\n labelWidth={labelWidth}\n tooltip={tooltip}\n help={help}\n error={error}\n style={style}\n onClick={onClick}\n controlsLayout={controlsLayout}\n >\n {isAdvanced\n ? Children.toArray(children)\n .filter(Boolean)\n .map(child =>\n cloneElement(child as ReactElement, {\n style: { flex: 1 },\n })\n )\n : children}\n {isAdvanced ? <AdvancedConfigButton label={label} onClick={onAdvancedConfigButtonClick} /> : null}\n </ControlGroupContainer>\n);\n\nAdvancedControlGroup.propTypes = {\n /**\n * Style overriding SUI ControlGroup\n */\n style: T.object,\n /**\n * Whether the current editor is enabled with advanced configurations\n */\n isAdvanced: T.bool,\n /**\n * Callback for editor click\n */\n onClick: T.func,\n /**\n * Callback for advanced config button click\n */\n onAdvancedConfigButtonClick: T.func,\n};\n\nexport default AdvancedControlGroup;\n","module.exports = require(\"@babel/runtime/helpers/extends\");","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","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from 'react';\nimport CheckboxEditor from './CheckboxEditor';\n\nconst ToggleEditor = props => <CheckboxEditor {...props} appearance=\"toggle\" />;\n\n/**\n * @see {@link CheckboxEditor} for all the props information\n */\nexport default ToggleEditor;\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","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","props","React","CheckboxEditor","_extends"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"ToggleEditor.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 \"@babel/runtime/helpers/extends\"","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/compat get default export","webpack://@splunk/dynamic-editors/webpack/runtime/define property getters","webpack://@splunk/dynamic-editors/webpack/runtime/hasOwnProperty shorthand","webpack://@splunk/dynamic-editors/webpack/runtime/make namespace object","webpack://@splunk/dynamic-editors/./src/editors/ToggleEditor.jsx"],"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 } 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","module.exports = require(\"@babel/runtime/helpers/extends\");","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","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from 'react';\nimport CheckboxEditor from './CheckboxEditor';\n\nconst ToggleEditor = props => <CheckboxEditor {...props} appearance=\"toggle\" />;\n\n/**\n * @see {@link CheckboxEditor} for all the props information\n */\nexport default ToggleEditor;\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","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","props","React","CheckboxEditor","_extends"],"sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
5
5
|
"author": "Splunk",
|
|
6
6
|
"//": "actual package version is maintained by git tag",
|
|
7
|
-
"version": "0.42.
|
|
7
|
+
"version": "0.42.2",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"build": "NODE_ENV=production webpack --config ./webpack.config.js --bail",
|
|
10
10
|
"build-storybook": "sb build -c .storybook -s fonts -o .storybook-bundle",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"webpack": "^5.88.0",
|
|
101
101
|
"webpack-cli": "^5.1.4"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "de0c38413f81c78b2eb7218416e07803a64a8ce9"
|
|
104
104
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvancedControlGroup.js","mappings":";;;;s1BAAA,kBAEA,WACA,YACA,SACA,YACA,SACA,
|
|
1
|
+
{"version":3,"file":"AdvancedControlGroup.js","mappings":";;;;s1BAAA,kBAEA,WACA,YACA,SACA,YACA,SACA,YAEA,WACA,YAiBMA,GAAwB,aAAO,UAAgB;;;;qBAIhC,EAAAC,UAAUC;;;;;;;;;;;;;;;;EAmBzBC,GAAgB,aAAO,UAAQ;;;;;;EAQ/BC,GAA6B,aAAO,UAAoB;aACjD,EAAAH,UAAUI;;4BAEK,EAAAJ,UAAUK;;EAIzB,EAAAC,qBAAuB,EAChCC,QAAQ,GACRC,aAGI,wBAACN,EAAa,aACC,GAAGK,mCACdE,SAAS,IAAAC,GAAE,4BAEX,wBAACP,EAA0B,aACZ,GAAGI,2BACdI,KAAM,wBAAC,UAAkB,aAAY,GAAGJ,kCACxCK,WAAW,SACXJ,QAASA,KAMzB,MAAMK,EAAuB,EACzB,YAAaC,EACbC,WACAC,cAAa,EACbT,QACAU,YACAC,gBACAC,aACAC,UACAC,OACAC,QACAC,QACAC,iBACAhB,UACAiB,iCAEA,wBAAC1B,EAAqB,aACPe,QAAAA,EAAY,gBACvBP,MAAOA,EACPU,UAAWA,EACXC,cAAeA,EACfC,WAAYA,EACZC,QAASA,EACTC,KAAMA,EACNE,MAAOA,EACPD,MAAOA,EACPd,QAASA,EACTgB,eAAgBA,GAEfR,EACK,EAAAU,SAASC,QAAQZ,GACZa,OAAOC,SACPC,KAAIC,IACD,IAAAC,cAAaD,EAAuB,CAChCT,MAAO,CAAEW,KAAM,OAG3BlB,EACLC,EAAa,wBAAC,EAAAV,qBAAoB,CAACC,MAAOA,EAAOC,QAASiB,IAAkC,MAIrGZ,EAAqBqB,UAAY,CAI7BZ,MAAOa,EAAEC,OAITpB,WAAYmB,EAAEE,KAId7B,QAAS2B,EAAEG,KAIXb,4BAA6BU,EAAEG,MAGnC,UAAezB,C,UCjJf0B,EAAOC,QAAUC,QAAQ,8C,SCAzBF,EAAOC,QAAUC,QAAQ,0B,UCAzBF,EAAOC,QAAUC,QAAQ,gC,UCAzBF,EAAOC,QAAUC,QAAQ,2B,UCAzBF,EAAOC,QAAUC,QAAQ,iB,UCAzBF,EAAOC,QAAUC,QAAQ,wB,SCAzBF,EAAOC,QAAUC,QAAQ,a,UCAzBF,EAAOC,QAAUC,QAAQ,Q,UCAzBF,EAAOC,QAAUC,QAAQ,oB,GCCrBC,EAA2B,CAAC,ECEhC,IAAIC,EDCJ,SAASC,EAAoBC,GAE5B,IAAIC,EAAeJ,EAAyBG,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaN,QAGrB,IAAID,EAASG,EAAyBG,GAAY,CAGjDL,QAAS,CAAC,GAOX,OAHAQ,EAAoBH,GAAUI,KAAKV,EAAOC,QAASD,EAAQA,EAAOC,QAASI,GAGpEL,EAAOC,OACf,CCnB0BI,CAAoB,G","sources":["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/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, { 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","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__(8);\n"],"names":["ControlGroupContainer","variables","spacingMedium","StyledToolTip","StyledAdvancedConfigButton","contentColorActive","interactiveColorOverlayDrag","AdvancedConfigButton","label","onClick","content","_","icon","appearance","AdvancedControlGroup","dataTest","children","isAdvanced","hideLabel","labelPosition","labelWidth","tooltip","help","style","error","controlsLayout","onAdvancedConfigButtonClick","Children","toArray","filter","Boolean","map","child","cloneElement","flex","propTypes","T","object","bool","func","module","exports","require","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call"],"sourceRoot":""}
|