@splunk/react-field-summary 0.11.0 → 27.2.2

package/components/FieldSummary/FieldSummary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/FieldSummary/FieldSummary.tsx", "esm-externals:react", "esm-externals:styled-components", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/themes", "esm-externals:@splunk/react-icons/enterprise/Number", "esm-externals:@splunk/react-icons/enterprise/String", "../../src/components/FieldList/FieldList.tsx", "esm-externals:@splunk/ui-utils/format", "../../src/components/FieldSummary/Abbreviate.tsx", "esm-externals:@splunk/react-ui/Link", "../../src/components/FieldSummary/FieldActions.tsx", "../../src/components/FieldSummary/FieldStats.tsx", "esm-externals:@splunk/react-ui/Switch", "esm-externals:@splunk/ui-utils/id", "../../src/components/FieldSummary/FieldSummaryTable.tsx", "esm-externals:@splunk/react-icons/enterprise/Caret", "esm-externals:@splunk/react-ui/Menu", "esm-externals:@splunk/react-ui/Button", "esm-externals:@splunk/react-ui/ButtonGroup", "esm-externals:@splunk/react-ui/Dropdown", "../../src/components/FieldSummary/SplitButton.tsx"],
+  "sourcesContent": ["import React, { FC, SyntheticEvent, ReactElement, useCallback, useMemo, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport { variables } from '@splunk/themes';\n\nimport { isNumeric } from '../FieldList';\nimport Abbreviate, { formatNumber } from './Abbreviate';\nimport FieldActions, { Action } from './FieldActions';\n\nimport FieldStats, { FieldStatsProps } from './FieldStats';\nimport FieldSummaryTable, { FieldValue } from './FieldSummaryTable';\nimport SplitButton from './SplitButton';\n\nexport { FieldValue };\n\nexport interface FieldData extends FieldStatsProps {\n    name: string;\n    count: number;\n    distinctCount: number;\n    numericCount?: number;\n    modes: FieldValue[];\n}\n\nexport type ActionsForField = (field: FieldData, defaultActions: Action[]) => Action[];\n\nconst defaultActionsForField = (field: FieldData, actionsForField?: ActionsForField): Action[] => {\n    const actions = [];\n\n    if (isNumeric(field)) {\n        actions.push({ name: 'avgByTime', label: _('Average over time') });\n        actions.push({ name: 'maxByTime', label: _('Maximum value over time') });\n        actions.push({ name: 'minByTime', label: _('Minimum value over time') });\n    }\n\n    actions.push({ name: 'topValues', label: _('Top values') });\n    actions.push({ name: 'topValuesByTime', label: _('Top values by time') });\n    actions.push({ name: 'rareValues', label: _('Rare values') });\n    actions.push({ name: 'allValues', label: _('Events with this field') });\n\n    actions.push({\n        name: 'includeValues',\n        label: _('Include Selected'),\n        requiresSelection: true,\n    });\n    actions.push({\n        name: 'excludeValues',\n        label: _('Exclude Selected'),\n        requiresSelection: true,\n    });\n\n    return actionsForField ? actionsForField(field, actions) : actions;\n};\n\nexport interface FieldSummaryOptions {\n    /** The total number of events that the query saw */\n    eventCount?: number;\n\n    /** Augment / replace the default actions available in the field summary\n     *\n     * Example Action:\n     * ```\n     * { \"name\": \"actionName\", \"label\": \"Action label\", requiresSelection: false }\n     * ```\n     */\n    actionsForField?: (field: FieldData, defaultActions: Action[]) => Action[];\n\n    /** Event triggered by the user clicking on one of the actions available in the field summary. */\n    onActionClicked?: (\n        e: SyntheticEvent,\n        data: { action: string; field: string; selected: string[] }\n    ) => void;\n\n    /** Event triggered by the user clicking on one of the field values in the field summary. */\n    onFieldValueClicked?: (e: SyntheticEvent, data: { field: string; value: string }) => void;\n}\n\nexport interface FieldSummaryProps extends FieldSummaryOptions {\n    /** The field data to show summaries for\n     *\n     * Example Field:\n     * ```\n     * {\"name\": \"METHOD\", \"count\": 123456, \"distinctCount\": 2, \"numericCount\": 0,\n     *  \"mean\": null, \"min\": null, \"max\": null, \"stdev\": null,\n     *  \"modes\": [\n     *    { \"value\": \"GET\", \"count\": 113456 },\n     *    { \"value\": \"POST\", \"count\": 10000 }\n     *  ]}\n     * ```\n     */\n    field: FieldData;\n}\n\nconst Name = styled.h2`\n    font-size: ${variables.fontSizeXLarge};\n    margin: ${variables.spacingSmall} 0;\n    text-overflow: ellipsis;\n    overflow: hidden;\n`;\n\nconst StyledCoverage = styled.div`\n    color: ${variables.contentColorDefault};\n    margin-bottom: ${variables.spacingSmall};\n`;\n\nconst TableAndActions = styled.div`\n    display: flex;\n\n    & > div:nth-child(1) {\n        flex: 1 1;\n        table {\n            width: 100%;\n        }\n    }\n\n    & > div:nth-child(2) {\n        width: 150px;\n    }\n`;\n\nconst Coverage = ({\n    distinctCount,\n    count,\n    eventCount,\n}: {\n    distinctCount: number;\n    count: number;\n    eventCount?: number;\n}): ReactElement => {\n    const content = [<Abbreviate key=\"values\" value={distinctCount} />, _(' values')];\n    if (eventCount) {\n        content.push(_(' in '));\n        content.push(`${formatNumber((count / eventCount) * 100)}%`);\n        content.push(_(' of '));\n        content.push(<Abbreviate key=\"events\" value={eventCount} />);\n        content.push(_(' events'));\n    }\n    return <StyledCoverage>{content}</StyledCoverage>;\n};\n\nconst FieldSummary: FC<FieldSummaryProps> = ({\n    field,\n    eventCount,\n    actionsForField,\n    onActionClicked,\n    onFieldValueClicked,\n    ...rest\n}: FieldSummaryProps) => {\n    const [selected, setSelected] = useState([]);\n    const handleSelectValue = useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>, data: { selected: boolean; value?: string }) => {\n            setSelected(prev => {\n                const filtered = prev.filter((x: string) => x !== data.value);\n                if (prev.length !== filtered.length) {\n                    return filtered;\n                }\n                return [...filtered, data.value];\n            });\n        },\n        []\n    );\n\n    const actions = useMemo(() => defaultActionsForField(field, actionsForField), [field, actionsForField]);\n    const selectionActions = useMemo(() => actions.filter(action => action.requiresSelection), [actions]);\n    const nonSelectionActions = useMemo(() => actions.filter(action => !action.requiresSelection), [actions]);\n\n    const handleActionClicked = useMemo(() => {\n        if (!onActionClicked) {\n            return undefined;\n        }\n\n        return (e, { action }): void => onActionClicked(e, { action, field: field.name, selected });\n    }, [onActionClicked, field.name, selected]);\n\n    const handleFieldValueClicked = useMemo(() => {\n        if (!onFieldValueClicked) {\n            return undefined;\n        }\n\n        return (e, { value }): void => onFieldValueClicked(e, { field: field.name, value });\n    }, [onFieldValueClicked, field.name]);\n\n    return (\n        <div data-test=\"field-summary\" {...rest}>\n            <Name title={field.name}>{field.name}</Name>\n            <Coverage distinctCount={field.distinctCount} count={field.count} eventCount={eventCount} />\n            <FieldStats {...field} />\n            <SplitButton\n                actions={selectionActions}\n                selectionCount={selected.length}\n                onActionClicked={handleActionClicked}\n            />\n            <TableAndActions>\n                <div>\n                    <FieldSummaryTable\n                        total={field.count}\n                        values={field.modes}\n                        selected={selected}\n                        onFieldValueSelected={selectionActions.length > 0 ? handleSelectValue : undefined}\n                        onFieldValueClicked={handleFieldValueClicked}\n                    />\n                </div>\n                <FieldActions\n                    field={field.name}\n                    actions={nonSelectionActions}\n                    selected={selected}\n                    onActionClicked={onActionClicked}\n                />\n            </TableAndActions>\n        </div>\n    );\n};\n\nexport default FieldSummary;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/Number\";\nexport * from \"@splunk/react-icons/enterprise/Number\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/String\";\nexport * from \"@splunk/react-icons/enterprise/String\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { SyntheticEvent } from 'react';\nimport styled from 'styled-components';\n\nimport NumberIcon from '@splunk/react-icons/enterprise/Number';\nimport StringIcon from '@splunk/react-icons/enterprise/String';\nimport { pick, variables } from '@splunk/themes';\n\nconst ICON_SIZE = 0.6;\n\nexport interface FieldType {\n    name: string;\n    count: number;\n    distinctCount: number;\n    numericCount?: number;\n}\n\ntype FieldClicked = (e: SyntheticEvent, data: FieldType) => void;\n\ntype FieldListProps = {\n    /** The name of the currently selected field */\n    active?: string;\n    /** FieldType {name:string, type:string, count: number} */\n    fields: FieldType[];\n    /** Callback (event:SyntheticEvent, data:FieldType) => void */\n    onFieldClicked?: FieldClicked;\n};\n\ntype FieldProps = { active: boolean; field: FieldType; onFieldClicked?: FieldClicked };\n\nconst Container = styled.ol`\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    svg {\n        padding-right: ${variables.spacingXSmall};\n        color: ${variables.contentColorMuted};\n    }\n\n    button {\n        display: flex;\n        align-items: baseline;\n        border: none;\n        text-align: left;\n        width: 100%;\n        height: 100%;\n        color: ${variables.contentColorDefault};\n        font-size: ${variables.fontSize};\n        padding: calc(${variables.spacingXSmall} / 2) ${variables.spacingXSmall};\n        margin: 0;\n        background-color: inherit;\n    }\n\n    button:not([disabled]) {\n        cursor: pointer;\n        color: ${variables.linkColor};\n    }\n\n    li {\n        background-color: inherit;\n\n        padding: 0;\n        margin: 0;\n    }\n\n    button:not([disabled]):hover,\n    button[aria-pressed='true'] {\n        background-color: ${pick({\n            enterprise: variables.backgroundColorHover,\n            prisma: variables.interactiveColorOverlayHover,\n        })};\n    }\n\n    button:not([disabled]):focus {\n        outline: 0;\n        box-shadow: ${variables.focusShadowInset};\n\n        ::-moz-focus-inner {\n            border: 0;\n        }\n    }\n`;\n\nconst Name = styled.span`\n    min-width: 0;\n    flex-shrink: 2;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nconst Count = styled.span`\n    padding-left: ${variables.spacingXSmall};\n    color: ${variables.contentColorMuted};\n`;\n\nexport const isNumeric = (field: FieldType): boolean =>\n    field.numericCount && Number(field.numericCount) / Number(field.count) > 0.7;\n\nconst Field: React.FC<FieldProps> = ({ active, field, onFieldClicked }: FieldProps) => {\n    const clickHandler = onFieldClicked ? (e: SyntheticEvent): void => onFieldClicked(e, field) : undefined;\n    const numeric = isNumeric(field);\n    return (\n        <li>\n            <button type=\"button\" onClick={clickHandler} disabled={!onFieldClicked} aria-pressed={active}>\n                {numeric ? <NumberIcon size={ICON_SIZE} /> : <StringIcon size={ICON_SIZE} />}\n                <Name title={field.name}>{field.name}</Name>\n                <Count>{field.distinctCount > 100 ? '100+' : field.distinctCount}</Count>\n            </button>\n        </li>\n    );\n};\n\nconst FieldList: React.FC<FieldListProps> = ({ active, fields, onFieldClicked }: FieldListProps) => (\n    <Container data-test=\"field-list\">\n        {fields.map(field => (\n            <Field\n                key={field.name}\n                field={field}\n                onFieldClicked={onFieldClicked}\n                active={field.name === active}\n            />\n        ))}\n    </Container>\n);\n\nexport default FieldList;\n", "\nimport * as defaultImport from \"@splunk/ui-utils/format\";\nexport * from \"@splunk/ui-utils/format\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { ReactElement } from 'react';\nimport { abbreviateNumber } from '@splunk/ui-utils/format';\n\nexport const formatNumber = new Intl.NumberFormat().format;\n\nconst Abbreviate = ({ value }: { value: number }): ReactElement => (\n    <span title={formatNumber(value)}>{abbreviateNumber(value)}</span>\n);\n\nexport default Abbreviate;\n", "\nimport * as defaultImport from \"@splunk/react-ui/Link\";\nexport * from \"@splunk/react-ui/Link\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { SyntheticEvent } from 'react';\nimport styled from 'styled-components';\n\nimport Link from '@splunk/react-ui/Link';\nimport { variables } from '@splunk/themes';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nexport interface Action {\n    name: string;\n    label: string;\n    requiresSelection?: boolean;\n}\n\nexport type ActionClicked = (\n    e: SyntheticEvent,\n    data: { action: string; field: string; selected: string[] }\n) => void;\n\nexport interface ActionsProps {\n    field: string;\n    actions?: Action[];\n    selected: string[];\n    onActionClicked?: ActionClicked;\n}\n\nconst StyledActions = styled.div`\n    padding-left: ${variables.spacingMedium};\n\n    h3 {\n        font-size: ${variables.fontSize};\n        margin: 0;\n        padding: 1px;\n        margin-top: 2px;\n    }\n\n    ul {\n        list-style-type: none;\n        padding: 0;\n        margin: 0;\n\n        button {\n            line-height: calc(${variables.lineHeight} * 0.8);\n            margin-bottom: ${variables.spacingXSmall};\n        }\n    }\n`;\n\nconst Actions: React.FC<ActionsProps> = ({ field, actions, selected, onActionClicked }: ActionsProps) =>\n    actions && actions.length > 0 ? (\n        <StyledActions>\n            <h3>{_('Actions')}</h3>\n            <ul>\n                {actions.map(({ name, label, requiresSelection }) => (\n                    <li key={name}>\n                        <Link\n                            disabled={!onActionClicked || (requiresSelection && selected.length === 0)}\n                            onClick={(e: SyntheticEvent): void =>\n                                onActionClicked(e, { action: name, field, selected })\n                            }\n                        >\n                            {label}\n                        </Link>\n                    </li>\n                ))}\n            </ul>\n        </StyledActions>\n    ) : null;\n\nexport default Actions;\n", "import React, { ReactElement } from 'react';\nimport styled from 'styled-components';\n\nimport { variables } from '@splunk/themes';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Abbreviate from './Abbreviate';\n\nconst DL = styled.dl`\n    color: ${variables.contentColorDefault};\n    margin-top: ${variables.spacingSmall};\n    margin-bottom: ${variables.spacingSmall};\n    dt {\n        display: inline-block;\n        font-weight: bold;\n    }\n    dt::after {\n        content: ':';\n    }\n    dd {\n        display: inline-block;\n        margin-left: ${variables.spacingXSmall};\n        margin-right: ${variables.spacingSmall};\n    }\n`;\n\nexport interface FieldStatsProps {\n    mean?: number;\n    min?: number;\n    max?: number;\n    stdev?: number;\n}\n\nconst Stat = ({ label, value }: { label: string; value: number }): ReactElement => (\n    <>\n        <dt>{label}</dt>\n        <dd>\n            <Abbreviate value={value} />\n        </dd>\n    </>\n);\n\nconst FieldStats: React.FC<FieldStatsProps> = ({ mean, min, max, stdev }: FieldStatsProps) =>\n    typeof mean !== 'number' ? null : (\n        <DL>\n            <Stat label={_('Min')} value={min} />\n            <Stat label={_('Max')} value={max} />\n            <Stat label={_('Avg')} value={mean} />\n            <Stat label={_('Std Dev')} value={stdev} />\n        </DL>\n    );\n\nexport default FieldStats;\n", "\nimport * as defaultImport from \"@splunk/react-ui/Switch\";\nexport * from \"@splunk/react-ui/Switch\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/id\";\nexport * from \"@splunk/ui-utils/id\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "/* eslint-disable jsx-a11y/control-has-associated-label */\nimport React, { SyntheticEvent } from 'react';\nimport styled from 'styled-components';\n\n// import Link from '@splunk/react-ui/Link';\nimport Link from '@splunk/react-ui/Link';\nimport Switch from '@splunk/react-ui/Switch';\nimport { pick, variables } from '@splunk/themes';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { createDOMID } from '@splunk/ui-utils/id';\n\nimport { formatNumber } from './Abbreviate';\n\n// type FieldValueEvent = (e: SyntheticEvent, data: { field: string; value: string }) => void;\n\n// type FieldValueSelectedEvent = (e: SyntheticEvent, data: { field: string; value: string }) => void;\n\nexport interface FieldValue {\n    count: number;\n    value: string;\n}\n\nexport interface FieldSummaryProps {\n    total: number;\n    values: FieldValue[];\n    selected: string[];\n    onFieldValueSelected?: (\n        e: React.MouseEvent<HTMLButtonElement>,\n        data: { selected: boolean; value?: string }\n    ) => void;\n    onFieldValueClicked?: (e: any, { value }) => void;\n}\n\nconst BAR_WIDTH = '100px';\n\nconst BarContainer = styled.div`\n    width: ${BAR_WIDTH};\n    background-color: ${pick({\n        enterprise: variables.backgroundColorHover,\n        prisma: variables.interactiveColorOverlayHover,\n    })};\n`;\n\nconst Bar = styled.div`\n    height: ${variables.lineHeight};\n    background-color: ${pick({\n        enterprise: variables.accentColor,\n        prisma: variables.interactiveColorPrimary,\n    })};\n`;\n\nconst StyledSwitch = styled(Switch)`\n    margin: 0 ${variables.spacingXSmall} 0 0;\n    padding: 0;\n`;\n\nconst NumericCell = styled.td`\n    text-align: right;\n`;\n\nconst ValueCell = styled.td`\n    width: 100%;\n`;\n\nconst NumericHeading = styled.th`\n    text-align: right;\n`;\n\nconst Truncated = styled.span`\n    text-overflow: ellipsis;\n    min-width: 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    word-wrap: anywhere;\n    word-break: break-all;\n`;\n\nconst Table = styled.table`\n    tbody {\n        td {\n            font-family: ${variables.monoFontFamily};\n            button {\n                font-family: ${variables.monoFontFamily};\n            }\n        }\n\n        th:last-child {\n            width: ${BAR_WIDTH};\n        }\n    }\n`;\n\nconst FieldSummaryTable: React.FC<FieldSummaryProps> = ({\n    total,\n    values,\n    selected,\n    onFieldValueSelected,\n    onFieldValueClicked,\n}: FieldSummaryProps) => {\n    const firstColSpan = onFieldValueSelected ? 2 : 1;\n    return (\n        <Table>\n            <thead>\n                <tr>\n                    <th colSpan={firstColSpan}>{_('Top Values')}</th>\n                    <NumericHeading>{_('Count')}</NumericHeading>\n                    <th />\n                </tr>\n            </thead>\n            <tbody>\n                {values.map(({ count, value }) => {\n                    const percent = count < total ? (count / total) * 100 : 100;\n                    const percentOfEvents = sprintf(_('%(percent)s%% of %(total)s events'), {\n                        percent: formatNumber(percent),\n                        total: formatNumber(total),\n                    });\n                    const labelId = createDOMID();\n                    return (\n                        <tr key={value}>\n                            {onFieldValueSelected && (\n                                <td>\n                                    <StyledSwitch\n                                        key={value}\n                                        value={value}\n                                        selected={selected.indexOf(value) >= 0}\n                                        appearance=\"checkbox\"\n                                        onClick={onFieldValueSelected}\n                                        labelledBy={labelId}\n                                    />\n                                </td>\n                            )}\n                            <ValueCell title={value}>\n                                {onFieldValueClicked ? (\n                                    <Link\n                                        onClick={(e: SyntheticEvent): void =>\n                                            onFieldValueClicked(e, { value })\n                                        }\n                                    >\n                                        <Truncated id={labelId}>{value}</Truncated>\n                                    </Link>\n                                ) : (\n                                    <Truncated id={labelId}>{value}</Truncated>\n                                )}\n                            </ValueCell>\n                            <NumericCell title={percentOfEvents}>{formatNumber(count)}</NumericCell>\n\n                            <td title={percentOfEvents}>\n                                <BarContainer>\n                                    <Bar style={{ width: `${percent}%` }} />\n                                </BarContainer>\n                            </td>\n                        </tr>\n                    );\n                })}\n            </tbody>\n        </Table>\n    );\n};\n\nexport default FieldSummaryTable;\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/Caret\";\nexport * from \"@splunk/react-icons/enterprise/Caret\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Menu\";\nexport * from \"@splunk/react-ui/Menu\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Button\";\nexport * from \"@splunk/react-ui/Button\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/ButtonGroup\";\nexport * from \"@splunk/react-ui/ButtonGroup\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Dropdown\";\nexport * from \"@splunk/react-ui/Dropdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { SyntheticEvent } from 'react';\n\nimport Caret from '@splunk/react-icons/enterprise/Caret';\n\nimport Menu from '@splunk/react-ui/Menu';\nimport Button from '@splunk/react-ui/Button';\nimport ButtonGroup from '@splunk/react-ui/ButtonGroup';\nimport Dropdown from '@splunk/react-ui/Dropdown';\n\nimport { _ } from '@splunk/ui-utils/i18n';\n\ntype Action = {\n    name: string;\n    label: string;\n};\n\ninterface SplitButtonProps {\n    actions: Action[];\n    selectionCount: number;\n    onActionClicked: (e: SyntheticEvent, { action }: { action: string }) => void;\n}\n\nconst SplitButton: React.FC<SplitButtonProps> = ({\n    actions,\n    selectionCount,\n    onActionClicked,\n    ...otherProps\n}: SplitButtonProps) => {\n    if (actions.length === 0) {\n        return null;\n    }\n\n    const [first, ...rest] = actions;\n\n    const clickHandler = onActionClicked\n        ? (action: string) => (e: SyntheticEvent): void => onActionClicked(e, { action })\n        : (): (() => void) => undefined;\n\n    let popup = null;\n    if (rest.length > 0) {\n        const toggle = (\n            <Button\n                prepend\n                key=\"more-actions\"\n                data-test=\"more-actions\"\n                icon={<Caret screenReaderText={_('More Actions')} />}\n                appearance=\"toggle\"\n                // size=\"small\"\n                disabled={selectionCount === 0}\n            />\n        );\n        popup = (\n            <Dropdown toggle={toggle}>\n                <Menu>\n                    {rest.map(action => (\n                        <Menu.Item\n                            key={action.name}\n                            data-test={action.name}\n                            onClick={clickHandler(action.name)}\n                        >\n                            {action.label}{' '}\n                        </Menu.Item>\n                    ))}\n                </Menu>\n            </Dropdown>\n        );\n    }\n    return (\n        <ButtonGroup data-test=\"split-button\" {...otherProps}>\n            <Button\n                key={first.name}\n                data-test={first.name}\n                label={first.label}\n                appearance=\"toggle\"\n                onClick={clickHandler(first.name)}\n                disabled={selectionCount === 0}\n            />\n            {popup}\n        </ButtonGroup>\n    );\n};\n\nexport default SplitButton;\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "Name"]
+}

package/components/FieldSummary/FieldSummaryTable.js

@@ -1,67 +1,171 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+/* Copyright © 2020 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. */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FieldSummary/FieldSummaryTable.tsx
+var FieldSummaryTable_exports = {};
+__export(FieldSummaryTable_exports, {
+  default: () => FieldSummaryTable_default
 });
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _Link = _interopRequireDefault(require("@splunk/react-ui/Link"));
-
-var _Switch = _interopRequireDefault(require("@splunk/react-ui/Switch"));
-
-var _themes = require("@splunk/themes");
-
-var _format = require("@splunk/ui-utils/format");
-
-var _i18n = require("@splunk/ui-utils/i18n");
-
-var _id = require("@splunk/ui-utils/id");
+module.exports = __toCommonJS(FieldSummaryTable_exports);
 
-var _Abbreviate = require("./Abbreviate");
-
-var _jsxFileName = "/Users/ccoats/Developer/ui-platform/projects/lib/search-components/react-field-summary/src/components/FieldSummary/FieldSummaryTable.tsx",
-    _templateObject,
-    _templateObject2,
-    _templateObject3,
-    _templateObject4,
-    _templateObject5,
-    _templateObject6,
-    _templateObject7,
-    _templateObject8;
-
-const BAR_WIDTH = '100px';
-
-const BarContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: ", ";\n    background-color: ", ";\n"])), BAR_WIDTH, (0, _themes.pick)({
-  enterprise: _themes.variables.backgroundColorHover,
-  prisma: _themes.variables.interactiveColorOverlayHover
-}));
-
-const Bar = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    height: ", ";\n    background-color: ", ";\n"])), _themes.variables.lineHeight, (0, _themes.pick)({
-  enterprise: _themes.variables.accentColor,
-  prisma: _themes.variables.interactiveColorPrimary
-}));
-
-const StyledSwitch = (0, _styledComponents.default)(_Switch.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    margin: 0 ", " 0 0;\n    padding: 0;\n"])), _themes.variables.spacingXSmall);
-
-const NumericCell = _styledComponents.default.td(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    text-align: right;\n"])));
-
-const ValueCell = _styledComponents.default.td(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n"])));
-
-const NumericHeading = _styledComponents.default.th(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    text-align: right;\n"])));
-
-const Truncated = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n    text-overflow: ellipsis;\n    min-width: 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    word-wrap: anywhere;\n    word-break: break-all;\n"])));
-
-const Table = _styledComponents.default.table(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n    tbody {\n        td {\n            font-family: ", ";\n            button {\n                font-family: ", ";\n            }\n        }\n\n        th:last-child {\n            width: ", ";\n        }\n    }\n"])), _themes.variables.monoFontFamily, _themes.variables.monoFontFamily, BAR_WIDTH);
-
-const FieldSummaryTable = ({
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport2 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:@splunk/react-ui/Link
+var Link_exports = {};
+__export(Link_exports, {
+  default: () => Link_default
+});
+var defaultImport3 = __toESM(require("@splunk/react-ui/Link"));
+__reExport(Link_exports, require("@splunk/react-ui/Link"));
+var Link_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/react-ui/Switch
+var Switch_exports = {};
+__export(Switch_exports, {
+  default: () => Switch_default
+});
+var defaultImport4 = __toESM(require("@splunk/react-ui/Switch"));
+__reExport(Switch_exports, require("@splunk/react-ui/Switch"));
+var Switch_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+var defaultImport5 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:@splunk/ui-utils/format
+var format_exports = {};
+__export(format_exports, {
+  default: () => format_default
+});
+var defaultImport6 = __toESM(require("@splunk/ui-utils/format"));
+__reExport(format_exports, require("@splunk/ui-utils/format"));
+var format_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
+// esm-externals:@splunk/ui-utils/i18n
+var i18n_exports = {};
+__export(i18n_exports, {
+  default: () => i18n_default
+});
+var defaultImport7 = __toESM(require("@splunk/ui-utils/i18n"));
+__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
+var i18n_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// esm-externals:@splunk/ui-utils/id
+var id_exports = {};
+__export(id_exports, {
+  default: () => id_default
+});
+var defaultImport8 = __toESM(require("@splunk/ui-utils/id"));
+__reExport(id_exports, require("@splunk/ui-utils/id"));
+var id_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+
+// src/components/FieldSummary/Abbreviate.tsx
+var formatNumber = new Intl.NumberFormat().format;
+
+// src/components/FieldSummary/FieldSummaryTable.tsx
+var BAR_WIDTH = "100px";
+var BarContainer = styled_components_default.div`
+    width: ${BAR_WIDTH};
+    background-color: ${(0, themes_exports.pick)({
+  enterprise: themes_exports.variables.backgroundColorHover,
+  prisma: themes_exports.variables.interactiveColorOverlayHover
+})};
+`;
+var Bar = styled_components_default.div`
+    height: ${themes_exports.variables.lineHeight};
+    background-color: ${(0, themes_exports.pick)({
+  enterprise: themes_exports.variables.accentColor,
+  prisma: themes_exports.variables.interactiveColorPrimary
+})};
+`;
+var StyledSwitch = styled_components_default(Switch_default)`
+    margin: 0 ${themes_exports.variables.spacingXSmall} 0 0;
+    padding: 0;
+`;
+var NumericCell = styled_components_default.td`
+    text-align: right;
+`;
+var ValueCell = styled_components_default.td`
+    width: 100%;
+`;
+var NumericHeading = styled_components_default.th`
+    text-align: right;
+`;
+var Truncated = styled_components_default.span`
+    text-overflow: ellipsis;
+    min-width: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-wrap: anywhere;
+    word-break: break-all;
+`;
+var Table = styled_components_default.table`
+    tbody {
+        td {
+            font-family: ${themes_exports.variables.monoFontFamily};
+            button {
+                font-family: ${themes_exports.variables.monoFontFamily};
+            }
+        }
+
+        th:last-child {
+            width: ${BAR_WIDTH};
+        }
+    }
+`;
+var FieldSummaryTable = ({
   total,
   values,
   selected,
@@ -69,164 +173,31 @@ const FieldSummaryTable = ({
   onFieldValueClicked
 }) => {
   const firstColSpan = onFieldValueSelected ? 2 : 1;
-  return /*#__PURE__*/_react.default.createElement(Table, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 99,
-      columnNumber: 9
-    }
-  }, /*#__PURE__*/_react.default.createElement("thead", {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 100,
-      columnNumber: 13
-    }
-  }, /*#__PURE__*/_react.default.createElement("tr", {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 101,
-      columnNumber: 17
-    }
-  }, /*#__PURE__*/_react.default.createElement("th", {
-    colSpan: firstColSpan,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 102,
-      columnNumber: 21
-    }
-  }, (0, _i18n._)('Top Values')), /*#__PURE__*/_react.default.createElement(NumericHeading, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 103,
-      columnNumber: 21
-    }
-  }, (0, _i18n._)('Count')), /*#__PURE__*/_react.default.createElement("th", {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 104,
-      columnNumber: 21
-    }
-  }))), /*#__PURE__*/_react.default.createElement("tbody", {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 107,
-      columnNumber: 13
-    }
-  }, values.map(({
-    count,
-    value
-  }) => {
+  return /* @__PURE__ */ react_default.createElement(Table, null, /* @__PURE__ */ react_default.createElement("thead", null, /* @__PURE__ */ react_default.createElement("tr", null, /* @__PURE__ */ react_default.createElement("th", { colSpan: firstColSpan }, (0, i18n_exports._)("Top Values")), /* @__PURE__ */ react_default.createElement(NumericHeading, null, (0, i18n_exports._)("Count")), /* @__PURE__ */ react_default.createElement("th", null))), /* @__PURE__ */ react_default.createElement("tbody", null, values.map(({ count, value }) => {
     const percent = count < total ? count / total * 100 : 100;
-    const percentOfEvents = (0, _format.sprintf)((0, _i18n._)('%(percent)s%% of %(total)s events'), {
-      percent: (0, _Abbreviate.formatNumber)(percent),
-      total: (0, _Abbreviate.formatNumber)(total)
+    const percentOfEvents = (0, format_exports.sprintf)((0, i18n_exports._)("%(percent)s%% of %(total)s events"), {
+      percent: formatNumber(percent),
+      total: formatNumber(total)
     });
-    const labelId = (0, _id.createDOMID)();
-    return /*#__PURE__*/_react.default.createElement("tr", {
-      key: value,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 116,
-        columnNumber: 25
-      }
-    }, onFieldValueSelected && /*#__PURE__*/_react.default.createElement("td", {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 118,
-        columnNumber: 33
-      }
-    }, /*#__PURE__*/_react.default.createElement(StyledSwitch, {
-      key: value,
-      value: value,
-      selected: selected.indexOf(value) >= 0,
-      appearance: "checkbox",
-      onClick: onFieldValueSelected,
-      labelledBy: labelId,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 119,
-        columnNumber: 37
-      }
-    })), /*#__PURE__*/_react.default.createElement(ValueCell, {
-      title: value,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 129,
-        columnNumber: 29
-      }
-    }, onFieldValueClicked ? /*#__PURE__*/_react.default.createElement(_Link.default, {
-      onClick: e => onFieldValueClicked(e, {
-        value
-      }),
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 131,
-        columnNumber: 37
-      }
-    }, /*#__PURE__*/_react.default.createElement(Truncated, {
-      id: labelId,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 136,
-        columnNumber: 41
+    const labelId = (0, id_exports.createDOMID)();
+    return /* @__PURE__ */ react_default.createElement("tr", { key: value }, onFieldValueSelected && /* @__PURE__ */ react_default.createElement("td", null, /* @__PURE__ */ react_default.createElement(
+      StyledSwitch,
+      {
+        key: value,
+        value,
+        selected: selected.indexOf(value) >= 0,
+        appearance: "checkbox",
+        onClick: onFieldValueSelected,
+        labelledBy: labelId
       }
-    }, value)) : /*#__PURE__*/_react.default.createElement(Truncated, {
-      id: labelId,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 139,
-        columnNumber: 37
-      }
-    }, value)), /*#__PURE__*/_react.default.createElement(NumericCell, {
-      title: percentOfEvents,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 142,
-        columnNumber: 29
-      }
-    }, (0, _Abbreviate.formatNumber)(count)), /*#__PURE__*/_react.default.createElement("td", {
-      title: percentOfEvents,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 144,
-        columnNumber: 29
-      }
-    }, /*#__PURE__*/_react.default.createElement(BarContainer, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 145,
-        columnNumber: 33
-      }
-    }, /*#__PURE__*/_react.default.createElement(Bar, {
-      style: {
-        width: percent + "%"
+    )), /* @__PURE__ */ react_default.createElement(ValueCell, { title: value }, onFieldValueClicked ? /* @__PURE__ */ react_default.createElement(
+      Link_default,
+      {
+        onClick: (e) => onFieldValueClicked(e, { value })
       },
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 146,
-        columnNumber: 37
-      }
-    }))));
+      /* @__PURE__ */ react_default.createElement(Truncated, { id: labelId }, value)
+    ) : /* @__PURE__ */ react_default.createElement(Truncated, { id: labelId }, value)), /* @__PURE__ */ react_default.createElement(NumericCell, { title: percentOfEvents }, formatNumber(count)), /* @__PURE__ */ react_default.createElement("td", { title: percentOfEvents }, /* @__PURE__ */ react_default.createElement(BarContainer, null, /* @__PURE__ */ react_default.createElement(Bar, { style: { width: `${percent}%` } }))));
   })));
 };
-
-var _default = FieldSummaryTable;
-exports.default = _default;
+var FieldSummaryTable_default = FieldSummaryTable;
+//# sourceMappingURL=FieldSummaryTable.js.map

package/components/FieldSummary/FieldSummaryTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/FieldSummary/FieldSummaryTable.tsx", "esm-externals:react", "esm-externals:styled-components", "esm-externals:@splunk/react-ui/Link", "esm-externals:@splunk/react-ui/Switch", "esm-externals:@splunk/themes", "esm-externals:@splunk/ui-utils/format", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/ui-utils/id", "../../src/components/FieldSummary/Abbreviate.tsx"],
+  "sourcesContent": ["/* eslint-disable jsx-a11y/control-has-associated-label */\nimport React, { SyntheticEvent } from 'react';\nimport styled from 'styled-components';\n\n// import Link from '@splunk/react-ui/Link';\nimport Link from '@splunk/react-ui/Link';\nimport Switch from '@splunk/react-ui/Switch';\nimport { pick, variables } from '@splunk/themes';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { createDOMID } from '@splunk/ui-utils/id';\n\nimport { formatNumber } from './Abbreviate';\n\n// type FieldValueEvent = (e: SyntheticEvent, data: { field: string; value: string }) => void;\n\n// type FieldValueSelectedEvent = (e: SyntheticEvent, data: { field: string; value: string }) => void;\n\nexport interface FieldValue {\n    count: number;\n    value: string;\n}\n\nexport interface FieldSummaryProps {\n    total: number;\n    values: FieldValue[];\n    selected: string[];\n    onFieldValueSelected?: (\n        e: React.MouseEvent<HTMLButtonElement>,\n        data: { selected: boolean; value?: string }\n    ) => void;\n    onFieldValueClicked?: (e: any, { value }) => void;\n}\n\nconst BAR_WIDTH = '100px';\n\nconst BarContainer = styled.div`\n    width: ${BAR_WIDTH};\n    background-color: ${pick({\n        enterprise: variables.backgroundColorHover,\n        prisma: variables.interactiveColorOverlayHover,\n    })};\n`;\n\nconst Bar = styled.div`\n    height: ${variables.lineHeight};\n    background-color: ${pick({\n        enterprise: variables.accentColor,\n        prisma: variables.interactiveColorPrimary,\n    })};\n`;\n\nconst StyledSwitch = styled(Switch)`\n    margin: 0 ${variables.spacingXSmall} 0 0;\n    padding: 0;\n`;\n\nconst NumericCell = styled.td`\n    text-align: right;\n`;\n\nconst ValueCell = styled.td`\n    width: 100%;\n`;\n\nconst NumericHeading = styled.th`\n    text-align: right;\n`;\n\nconst Truncated = styled.span`\n    text-overflow: ellipsis;\n    min-width: 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    word-wrap: anywhere;\n    word-break: break-all;\n`;\n\nconst Table = styled.table`\n    tbody {\n        td {\n            font-family: ${variables.monoFontFamily};\n            button {\n                font-family: ${variables.monoFontFamily};\n            }\n        }\n\n        th:last-child {\n            width: ${BAR_WIDTH};\n        }\n    }\n`;\n\nconst FieldSummaryTable: React.FC<FieldSummaryProps> = ({\n    total,\n    values,\n    selected,\n    onFieldValueSelected,\n    onFieldValueClicked,\n}: FieldSummaryProps) => {\n    const firstColSpan = onFieldValueSelected ? 2 : 1;\n    return (\n        <Table>\n            <thead>\n                <tr>\n                    <th colSpan={firstColSpan}>{_('Top Values')}</th>\n                    <NumericHeading>{_('Count')}</NumericHeading>\n                    <th />\n                </tr>\n            </thead>\n            <tbody>\n                {values.map(({ count, value }) => {\n                    const percent = count < total ? (count / total) * 100 : 100;\n                    const percentOfEvents = sprintf(_('%(percent)s%% of %(total)s events'), {\n                        percent: formatNumber(percent),\n                        total: formatNumber(total),\n                    });\n                    const labelId = createDOMID();\n                    return (\n                        <tr key={value}>\n                            {onFieldValueSelected && (\n                                <td>\n                                    <StyledSwitch\n                                        key={value}\n                                        value={value}\n                                        selected={selected.indexOf(value) >= 0}\n                                        appearance=\"checkbox\"\n                                        onClick={onFieldValueSelected}\n                                        labelledBy={labelId}\n                                    />\n                                </td>\n                            )}\n                            <ValueCell title={value}>\n                                {onFieldValueClicked ? (\n                                    <Link\n                                        onClick={(e: SyntheticEvent): void =>\n                                            onFieldValueClicked(e, { value })\n                                        }\n                                    >\n                                        <Truncated id={labelId}>{value}</Truncated>\n                                    </Link>\n                                ) : (\n                                    <Truncated id={labelId}>{value}</Truncated>\n                                )}\n                            </ValueCell>\n                            <NumericCell title={percentOfEvents}>{formatNumber(count)}</NumericCell>\n\n                            <td title={percentOfEvents}>\n                                <BarContainer>\n                                    <Bar style={{ width: `${percent}%` }} />\n                                </BarContainer>\n                            </td>\n                        </tr>\n                    );\n                })}\n            </tbody>\n        </Table>\n    );\n};\n\nexport default FieldSummaryTable;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Link\";\nexport * from \"@splunk/react-ui/Link\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Switch\";\nexport * from \"@splunk/react-ui/Switch\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/format\";\nexport * from \"@splunk/ui-utils/format\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/id\";\nexport * from \"@splunk/ui-utils/id\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { ReactElement } from 'react';\nimport { abbreviateNumber } from '@splunk/ui-utils/format';\n\nexport const formatNumber = new Intl.NumberFormat().format;\n\nconst Abbreviate = ({ value }: { value: number }): ReactElement => (\n    <span title={formatNumber(value)}>{abbreviateNumber(value)}</span>\n);\n\nexport default Abbreviate;\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
+}