@grafana/ui/dist/esm/components/InteractiveTable/Expander/index.mjs.map

Grafana Components Library

{"version":3,"file":"index.mjs","sources":["../../../../../src/components/InteractiveTable/Expander/index.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { CellProps, HeaderProps } from 'react-table';\n\nimport { t } from '@grafana/i18n';\n\nimport { IconButton } from '../../IconButton/IconButton';\n\nconst expanderContainerStyles = css({\n  display: 'flex',\n  alignItems: 'center',\n  height: '100%',\n});\n\nexport function ExpanderCell<K extends object>({ row, __rowID }: CellProps<K, void>) {\n  return (\n    <div className={expanderContainerStyles}>\n      <IconButton\n        tooltip={t('grafana-ui.interactive-table.expand-row-tooltip', 'Toggle row expanded')}\n        aria-controls={__rowID}\n        // @ts-expect-error react-table doesn't ship with useExpanded types and we can't use declaration merging without affecting the table viz\n        name={row.isExpanded ? 'angle-down' : 'angle-right'}\n        // @ts-expect-error same as the line above\n        aria-expanded={row.isExpanded}\n        // @ts-expect-error same as the line above\n        {...row.getToggleRowExpandedProps()}\n        size=\"lg\"\n      />\n    </div>\n  );\n}\n\nexport function ExpanderHeader<K extends object>({ isAllRowsExpanded, toggleAllRowsExpanded }: HeaderProps<K>) {\n  return (\n    <div className={expanderContainerStyles}>\n      <IconButton\n        aria-label={\n          !isAllRowsExpanded\n            ? t('grafana-ui.interactive-table.aria-label-expand-all', 'Expand all rows')\n            : t('grafana-ui.interactive-table.aria-label-collapse-all', 'Collapse all rows')\n        }\n        name={!isAllRowsExpanded ? 'table-expand-all' : 'table-collapse-all'}\n        onClick={() => toggleAllRowsExpanded()}\n        size={'lg'}\n        tooltip={\n          !isAllRowsExpanded\n            ? t('grafana-ui.interactive-table.tooltip-expand-all', 'Expand all rows')\n            : t('grafana-ui.interactive-table.tooltip-collapse-all', 'Collapse all rows')\n        }\n        variant={'secondary'}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,0BAA0B,GAAI,CAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,MAAQ,EAAA;AACV,CAAC,CAAA;AAEM,SAAS,YAA+B,CAAA,EAAE,GAAK,EAAA,OAAA,EAA+B,EAAA;AACnF,EACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,uBACd,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,CAAE,CAAA,iDAAA,EAAmD,qBAAqB,CAAA;AAAA,MACnF,eAAe,EAAA,OAAA;AAAA,MAEf,IAAA,EAAM,GAAI,CAAA,UAAA,GAAa,YAAe,GAAA,aAAA;AAAA,MAEtC,iBAAe,GAAI,CAAA,UAAA;AAAA,MAElB,GAAG,IAAI,yBAA0B,EAAA;AAAA,MAClC,IAAK,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAEJ;AAEO,SAAS,cAAiC,CAAA,EAAE,iBAAmB,EAAA,qBAAA,EAAyC,EAAA;AAC7G,EACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,uBACd,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EACE,CAAC,iBACG,GAAA,CAAA,CAAE,sDAAsD,iBAAiB,CAAA,GACzE,CAAE,CAAA,sDAAA,EAAwD,mBAAmB,CAAA;AAAA,MAEnF,IAAA,EAAM,CAAC,iBAAA,GAAoB,kBAAqB,GAAA,oBAAA;AAAA,MAChD,OAAA,EAAS,MAAM,qBAAsB,EAAA;AAAA,MACrC,IAAM,EAAA,IAAA;AAAA,MACN,OAAA,EACE,CAAC,iBACG,GAAA,CAAA,CAAE,mDAAmD,iBAAiB,CAAA,GACtE,CAAE,CAAA,mDAAA,EAAqD,mBAAmB,CAAA;AAAA,MAEhF,OAAS,EAAA;AAAA;AAAA,GAEb,EAAA,CAAA;AAEJ;;;;"}