@ember-eui/core 14.1.4 → 16.0.0

package/dist/components/eui-data-grid/custom-body.js

@@ -0,0 +1,125 @@
+import { tracked, cached } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { hash } from '@ember/helper';
+import { schedule } from '@ember/runloop';
+import { htmlSafe } from '@ember/template';
+import { modifier } from 'ember-modifier';
+import { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
+import { e0 as euiDataGridBodyStyles } from '../../styles.generated-SYAxYhey.js';
+import EuiDataGridBodyBase from './body-base.js';
+import EuiDataGridCell from './cell.js';
+import EuiDataGridFooterRow from './footer-row.js';
+import EuiDataGridHeaderRow from './header-row.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+/** `Cell` of a custom grid body: forwards to `EuiDataGridCell`. */const EuiDataGridCustomBodyCell = setComponentTemplate(precompileTemplate("<EuiDataGridCell @grid={{@grid}} @body={{@body}} @colIndex={{@colIndex}} @visibleRowIndex={{@visibleRowIndex}} @isExpandable={{@isExpandable}} @renderCellValue={{@renderCellValue}} @hasCellPopoverBlock={{has-block \"cellPopover\"}} ...attributes>\n  <:cell as |cell|>{{yield cell}}</:cell>\n  <:controlCell as |cell|>{{yield cell to=\"controlCell\"}}</:controlCell>\n  <:cellPopover as |popover|>{{yield popover to=\"cellPopover\"}}</:cellPopover>\n</EuiDataGridCell>", {
+  strictMode: true,
+  scope: () => ({
+    EuiDataGridCell
+  })
+}), templateOnly());
+/** `footerRow` of a custom grid body. */
+const EuiDataGridCustomFooterRow = setComponentTemplate(precompileTemplate("<EuiDataGridFooterRow @grid={{@grid}} @body={{@body}} @hasCellPopoverBlock={{has-block \"cellPopover\"}} ...attributes>\n  <:footerCell as |cell|>{{yield cell to=\"footerCell\"}}</:footerCell>\n  <:controlFooterCell as |cell|>{{yield cell to=\"controlFooterCell\"}}</:controlFooterCell>\n  <:cellPopover as |popover|>{{yield popover to=\"cellPopover\"}}</:cellPopover>\n</EuiDataGridFooterRow>", {
+  strictMode: true,
+  scope: () => ({
+    EuiDataGridFooterRow
+  })
+}), templateOnly());
+const toKebab = property => property.startsWith('--') ? property : property.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);
+/**
+ * Port of upstream `EuiDataGridBodyCustomRender`: hands the consumer's
+ * renderer the grid's `Cell`, header and footer rows, visible columns and
+ * rows, without virtualization.
+ */
+class EuiDataGridCustomBody extends EuiDataGridBodyBase {
+  isVirtualized = false;
+  get availableWidth() {
+    return this.grid.gridWidth;
+  }
+  /* custom props ------------------------------------------------------- */
+  static {
+    g(this.prototype, "customGridBodyProps", [tracked], function () {
+      return {};
+    });
+  }
+  #customGridBodyProps = (i(this, "customGridBodyProps"), void 0);
+  /** May be called during render; the update is applied after rendering. */setCustomGridBodyProps(props) {
+    schedule('afterRender', () => {
+      if (!this.isDestroying) this.customGridBodyProps = props;
+    });
+  }
+  static {
+    n(this.prototype, "setCustomGridBodyProps", [action]);
+  }
+  get customStyle() {
+    const style = this.customGridBodyProps.style;
+    if (!style) return undefined;
+    return htmlSafe(Object.entries(style).filter(([, value]) => value != null && value !== '').map(([key, value]) => `${toKebab(key)}:${typeof value === 'number' ? `${value}px` : value}`).join(';'));
+  }
+  /** Attributes and `on*` listeners from `setCustomGridBodyProps`. */
+  customAttributes = modifier((element, [props]) => {
+    const names = [];
+    const listeners = [];
+    for (const [name, value] of Object.entries(props)) {
+      if (name === 'className' || name === 'style') continue;
+      if (typeof value === 'function' && /^on[A-Z]/.test(name)) {
+        const type = name.slice(2).toLowerCase();
+        element.addEventListener(type, value);
+        listeners.push([type, value]);
+        continue;
+      }
+      if (value == null || value === false || typeof value === 'function') continue;
+      element.setAttribute(name, String(value));
+      names.push(name);
+    }
+    return () => {
+      names.forEach(name => element.removeAttribute(name));
+      listeners.forEach(([type, listener]) => element.removeEventListener(type, listener));
+    };
+  });
+  /* classes ------------------------------------------------------------ */
+  get bodyClass() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiDataGridBodyStyles);
+    return euiClass(context, styles.euiDataGridBody, styles.customRender);
+  }
+  static {
+    n(this.prototype, "bodyClass", [cached]);
+  }
+  get classes() {
+    return ['euiDataGrid__customRenderBody', this.bodyClass, this.customGridBodyProps.className].filter(Boolean).join(' ');
+  }
+  /* renderer props ----------------------------------------------------- */
+  get visibleColumns() {
+    const {
+      leadingControlColumns,
+      columns,
+      trailingControlColumns
+    } = this.grid;
+    return [...leadingControlColumns, ...columns, ...trailingControlColumns];
+  }
+  static {
+    n(this.prototype, "visibleColumns", [cached]);
+  }
+  get visibleRowData() {
+    return this.grid.visibleRows;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{this.classes}} style={{this.customStyle}} {{this.customAttributes this.customGridBodyProps}}>\n  {{#let (hash Cell=(component EuiDataGridCustomBodyCell grid=@grid body=this) visibleColumns=this.visibleColumns visibleRowData=this.visibleRowData setCustomGridBodyProps=this.setCustomGridBodyProps gridWidth=@grid.gridWidth headerRow=(if @grid.showHeader (component EuiDataGridHeaderRow grid=@grid body=this)) footerRow=(if this.hasFooter (component EuiDataGridCustomFooterRow grid=@grid body=this))) as |props|}}\n    {{#if @renderCustomGridBody}}\n      {{#let @renderCustomGridBody as |Renderer|}}\n        <Renderer @Cell={{props.Cell}} @visibleColumns={{props.visibleColumns}} @visibleRowData={{props.visibleRowData}} @setCustomGridBodyProps={{props.setCustomGridBodyProps}} @gridWidth={{props.gridWidth}} @headerRow={{props.headerRow}} @footerRow={{props.footerRow}} />\n      {{/let}}\n    {{else}}\n      {{yield props to=\"customGridBody\"}}\n    {{/if}}\n  {{/let}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        hash,
+        EuiDataGridCustomBodyCell,
+        EuiDataGridHeaderRow,
+        EuiDataGridCustomFooterRow
+      })
+    }), this);
+  }
+}
+
+export { EuiDataGridCustomBody as default };
+//# sourceMappingURL=custom-body.js.map

package/dist/components/eui-data-grid/custom-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-body.js","sources":["../../../src/components/eui-data-grid/custom-body.gts"],"sourcesContent":["import { cached, tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { hash } from '@ember/helper';\nimport { schedule } from '@ember/runloop';\nimport { htmlSafe } from '@ember/template';\n\nimport { modifier } from 'ember-modifier';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport { euiDataGridBodyStyles } from '../../utils/eui/styles.generated.ts';\nimport EuiDataGridBodyBase from './body-base.ts';\nimport EuiDataGridCell from './cell.gts';\nimport EuiDataGridFooterRow from './footer-row.gts';\nimport EuiDataGridHeaderRow from './header-row.gts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type EuiDataGrid from '../eui-data-grid.gts';\nimport type { EuiDataGridSignature } from '../eui-data-grid.gts';\nimport type { EuiDataGridBodyBaseArgs } from './body-base.ts';\nimport type { EuiDataGridHeaderRowSignature } from './header-row.gts';\nimport type {\n  EuiDataGridCellValueElementProps,\n  EuiDataGridCellValueSignature,\n  EuiDataGridColumn,\n  EuiDataGridControlColumn\n} from '../../utils/data-grid/types.ts';\nimport type { ComponentLike } from '@glint/template';\n\ntype CellPopoverBlock = EuiDataGridSignature['Blocks']['cellPopover'];\n\n/**\n * The `Cell` a custom grid body renders: the grid cell at `@colIndex` /\n * `@visibleRowIndex`. Its content comes from the grid's `@renderCellValue`\n * (or `@renderCellValue` here); the grid's `<:cell>` block can't reach\n * a custom body, so give block content to the `Cell` itself.\n */\nexport interface EuiDataGridCustomBodyCellSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Visible column index (including leading control columns). */\n    colIndex: number;\n    /** Visible row index on the current page (0 is the page's first row). */\n    visibleRowIndex: number;\n    /** Overrides the column's `isExpandable`. */\n    isExpandable?: boolean;\n    /** Overrides the grid's `@renderCellValue` (and control columns' `rowCellRender`). */\n    renderCellValue?: ComponentLike<EuiDataGridCellValueSignature>;\n  };\n  Blocks: {\n    /** Cell content of data columns (like the grid's `<:cell>` block). */\n    default: [EuiDataGridCellValueElementProps];\n    /** Cell content of control columns without `rowCellRender`. */\n    controlCell: [EuiDataGridCellValueElementProps];\n    /** Expansion popover content (like the grid's `<:cellPopover>` block). */\n    cellPopover: CellPopoverBlock;\n  };\n}\n\nexport interface EuiDataGridCustomFooterRowSignature {\n  Element: HTMLDivElement;\n  Blocks: Pick<\n    EuiDataGridSignature['Blocks'],\n    'footerCell' | 'controlFooterCell' | 'cellPopover'\n  >;\n}\n\n/** Attributes, classes, styles and `on*` listeners for the custom body's wrapping element. */\nexport type EuiDataGridSetCustomGridBodyProps = {\n  className?: string;\n  style?: Record<string, string | number | undefined>;\n  'data-test-subj'?: string;\n  [attributeOrListener: string]: unknown;\n};\n\n/** What `@renderCustomGridBody` / the `<:customGridBody>` block receive. */\nexport interface EuiDataGridCustomBodyProps {\n  /**\n   * The grid cell component: pass a valid `@colIndex` and `@visibleRowIndex`,\n   * and optionally `@isExpandable` / `@renderCellValue` overrides.\n   */\n  Cell: ComponentLike<EuiDataGridCustomBodyCellSignature>;\n  /** The visible columns (leading control, data and trailing control columns) in display order. */\n  visibleColumns: Array<EuiDataGridColumn | EuiDataGridControlColumn>;\n  /** The page's rows: slice your data with `startRow`/`endRow` to follow pagination. */\n  visibleRowData: { startRow: number; endRow: number; visibleRowCount: number };\n  /** Sets attributes, `className`, `style` and `on*` listeners on the body's wrapping element. */\n  setCustomGridBodyProps: (props: EuiDataGridSetCustomGridBodyProps) => void;\n  /** Width of the grid, a layout utility. */\n  gridWidth: number;\n  /** The header row to render (undefined when `@headerVisibility` is false). */\n  headerRow?: ComponentLike<{\n    Element: HTMLDivElement;\n    Blocks: EuiDataGridHeaderRowSignature['Blocks'];\n  }>;\n  /** The footer row to render (undefined without footer cells). */\n  footerRow?: ComponentLike<EuiDataGridCustomFooterRowSignature>;\n}\n\nexport interface EuiDataGridCustomBodySignature {\n  Args: EuiDataGridBodyBaseArgs & {\n    renderCustomGridBody?: ComponentLike<{ Args: EuiDataGridCustomBodyProps }>;\n  };\n  Blocks: {\n    customGridBody: [EuiDataGridCustomBodyProps];\n  };\n}\n\n/** `Cell` of a custom grid body: forwards to `EuiDataGridCell`. */\nconst EuiDataGridCustomBodyCell: TOC<\n  EuiDataGridCustomBodyCellSignature & {\n    Args: { grid: EuiDataGrid; body: EuiDataGridCustomBody };\n  }\n> = <template>\n    <EuiDataGridCell\n      @grid={{@grid}}\n      @body={{@body}}\n      @colIndex={{@colIndex}}\n      @visibleRowIndex={{@visibleRowIndex}}\n      @isExpandable={{@isExpandable}}\n      @renderCellValue={{@renderCellValue}}\n      @hasCellPopoverBlock={{has-block \"cellPopover\"}}\n      ...attributes\n    >\n      <:cell as |cell|>{{yield cell}}</:cell>\n      <:controlCell as |cell|>{{yield cell to=\"controlCell\"}}</:controlCell>\n      <:cellPopover as |popover|>{{yield popover to=\"cellPopover\"}}</:cellPopover>\n    </EuiDataGridCell>\n  </template>;\n\n/** `footerRow` of a custom grid body. */\nconst EuiDataGridCustomFooterRow: TOC<\n  EuiDataGridCustomFooterRowSignature & {\n    Args: { grid: EuiDataGrid; body: EuiDataGridCustomBody };\n  }\n> = <template>\n    <EuiDataGridFooterRow\n      @grid={{@grid}}\n      @body={{@body}}\n      @hasCellPopoverBlock={{has-block \"cellPopover\"}}\n      ...attributes\n    >\n      <:footerCell as |cell|>{{yield cell to=\"footerCell\"}}</:footerCell>\n      <:controlFooterCell as |cell|>{{yield cell to=\"controlFooterCell\"}}</:controlFooterCell>\n      <:cellPopover as |popover|>{{yield popover to=\"cellPopover\"}}</:cellPopover>\n    </EuiDataGridFooterRow>\n  </template>;\n\nconst toKebab = (property: string) =>\n  property.startsWith('--')\n    ? property\n    : property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\n\n/**\n * Port of upstream `EuiDataGridBodyCustomRender`: hands the consumer's\n * renderer the grid's `Cell`, header and footer rows, visible columns and\n * rows, without virtualization.\n */\nexport default class EuiDataGridCustomBody extends EuiDataGridBodyBase<EuiDataGridCustomBodySignature> {\n  readonly isVirtualized = false;\n\n  get availableWidth(): number {\n    return this.grid.gridWidth;\n  }\n\n  /* custom props ------------------------------------------------------- */\n\n  @tracked customGridBodyProps: EuiDataGridSetCustomGridBodyProps = {};\n\n  /** May be called during render; the update is applied after rendering. */\n  @action\n  setCustomGridBodyProps(props: EuiDataGridSetCustomGridBodyProps): void {\n    schedule('afterRender', () => {\n      if (!this.isDestroying) this.customGridBodyProps = props;\n    });\n  }\n\n  get customStyle() {\n    const style = this.customGridBodyProps.style;\n    if (!style) return undefined;\n    return htmlSafe(\n      Object.entries(style)\n        .filter(([, value]) => value != null && value !== '')\n        .map(([key, value]) => `${toKebab(key)}:${typeof value === 'number' ? `${value}px` : value}`)\n        .join(';')\n    );\n  }\n\n  /** Attributes and `on*` listeners from `setCustomGridBodyProps`. */\n  customAttributes = modifier(\n    (element: HTMLElement, [props]: [EuiDataGridSetCustomGridBodyProps]) => {\n      const names: string[] = [];\n      const listeners: Array<[string, EventListener]> = [];\n      for (const [name, value] of Object.entries(props)) {\n        if (name === 'className' || name === 'style') continue;\n        if (typeof value === 'function' && /^on[A-Z]/.test(name)) {\n          const type = name.slice(2).toLowerCase();\n          element.addEventListener(type, value as EventListener);\n          listeners.push([type, value as EventListener]);\n          continue;\n        }\n        if (value == null || value === false || typeof value === 'function') continue;\n        element.setAttribute(name, String(value as string | number | boolean));\n        names.push(name);\n      }\n      return () => {\n        names.forEach((name) => element.removeAttribute(name));\n        listeners.forEach(([type, listener]) => element.removeEventListener(type, listener));\n      };\n    }\n  );\n\n  /* classes ------------------------------------------------------------ */\n\n  @cached\n  get bodyClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiDataGridBodyStyles);\n    return euiClass(context, styles.euiDataGridBody, styles.customRender);\n  }\n\n  get classes(): string {\n    return ['euiDataGrid__customRenderBody', this.bodyClass, this.customGridBodyProps.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /* renderer props ----------------------------------------------------- */\n\n  @cached\n  get visibleColumns(): Array<EuiDataGridColumn | EuiDataGridControlColumn> {\n    const { leadingControlColumns, columns, trailingControlColumns } = this.grid;\n    return [...leadingControlColumns, ...columns, ...trailingControlColumns];\n  }\n\n  get visibleRowData() {\n    return this.grid.visibleRows;\n  }\n\n  <template>\n    <div\n      class={{this.classes}}\n      style={{this.customStyle}}\n      {{this.customAttributes this.customGridBodyProps}}\n    >\n      {{#let\n        (hash\n          Cell=(component EuiDataGridCustomBodyCell grid=@grid body=this)\n          visibleColumns=this.visibleColumns\n          visibleRowData=this.visibleRowData\n          setCustomGridBodyProps=this.setCustomGridBodyProps\n          gridWidth=@grid.gridWidth\n          headerRow=(if\n            @grid.showHeader (component EuiDataGridHeaderRow grid=@grid body=this)\n          )\n          footerRow=(if\n            this.hasFooter (component EuiDataGridCustomFooterRow grid=@grid body=this)\n          )\n        )\n        as |props|\n      }}\n        {{#if @renderCustomGridBody}}\n          {{#let @renderCustomGridBody as |Renderer|}}\n            <Renderer\n              @Cell={{props.Cell}}\n              @visibleColumns={{props.visibleColumns}}\n              @visibleRowData={{props.visibleRowData}}\n              @setCustomGridBodyProps={{props.setCustomGridBodyProps}}\n              @gridWidth={{props.gridWidth}}\n              @headerRow={{props.headerRow}}\n              @footerRow={{props.footerRow}}\n            />\n          {{/let}}\n        {{else}}\n          {{yield props to=\"customGridBody\"}}\n        {{/if}}\n      {{/let}}\n    </div>\n  </template>\n}\n"],"names":["EuiDataGridCustomBodyCell","setComponentTemplate","precompileTemplate","strictMode","scope","EuiDataGridCell","templateOnly","EuiDataGridCustomFooterRow","EuiDataGridFooterRow","toKebab","property","startsWith","replace","match","toLowerCase","EuiDataGridCustomBody","EuiDataGridBodyBase","isVirtualized","availableWidth","grid","gridWidth","g","prototype","tracked","i","setCustomGridBodyProps","props","schedule","isDestroying","customGridBodyProps","n","action","customStyle","style","undefined","htmlSafe","Object","entries","filter","value","map","key","join","customAttributes","modifier","element","names","listeners","name","test","type","slice","addEventListener","push","setAttribute","String","forEach","removeAttribute","listener","removeEventListener","bodyClass","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiDataGridBodyStyles","euiClass","euiDataGridBody","customRender","cached","classes","className","Boolean","visibleColumns","leadingControlColumns","columns","trailingControlColumns","visibleRowData","visibleRows","hash","EuiDataGridHeaderRow"],"mappings":"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"}

package/dist/components/eui-data-grid/default-cell-popover.js

@@ -0,0 +1,33 @@
+import EuiCodeBlockComponent from '../eui-code-block.js';
+import EuiText from '../eui-text.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function formatJson(cellContentsElement) {
+  const cellText = cellContentsElement?.innerText ?? '';
+  try {
+    return JSON.stringify(JSON.parse(cellText), null, 2);
+  } catch {
+    return cellText;
+  }
+}
+const isJson = schema => schema === 'json';
+/**
+ * Upstream `DefaultCellPopover`: the cell content in `EuiText` (or the
+ * cell's text pretty-printed in an `EuiCodeBlock` for the `json` schema),
+ * followed by the cell actions. Passed to custom popover renderers as
+ * `DefaultCellPopover` to fall back to the standard display.
+ */
+const EuiDataGridDefaultCellPopover = setComponentTemplate(precompileTemplate("{{#if (isJson @schema)}}\n  <EuiCodeBlock @isCopyable={{true}} @transparentBackground={{true}} @paddingSize=\"none\" @language=\"json\">{{formatJson @cellContentsElement}}</EuiCodeBlock>\n{{else}}\n  <EuiText>{{yield}}</EuiText>\n{{/if}}\n{{#if @cellActions}}\n  {{#let @cellActions as |CellActions|}}<CellActions />{{/let}}\n{{/if}}", {
+  strictMode: true,
+  scope: () => ({
+    isJson,
+    EuiCodeBlock: EuiCodeBlockComponent,
+    formatJson,
+    EuiText
+  })
+}), templateOnly());
+
+export { EuiDataGridDefaultCellPopover as default };
+//# sourceMappingURL=default-cell-popover.js.map

package/dist/components/eui-data-grid/default-cell-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-cell-popover.js","sources":["../../../src/components/eui-data-grid/default-cell-popover.gts"],"sourcesContent":["import EuiCodeBlock from '../eui-code-block.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\n/** Pretty-prints a JSON cell's text (upstream `JsonPopoverContent`). */\nfunction formatJson(cellContentsElement: HTMLElement | null | undefined): string {\n  const cellText = cellContentsElement?.innerText ?? '';\n  try {\n    return JSON.stringify(JSON.parse(cellText), null, 2);\n  } catch {\n    return cellText;\n  }\n}\n\nconst isJson = (schema: string | null | undefined): boolean => schema === 'json';\n\nexport interface EuiDataGridDefaultCellPopoverSignature {\n  Args: {\n    schema?: string | null;\n    cellContentsElement?: HTMLElement | null;\n    /** The cell actions footer to render after the content. */\n    cellActions?: ComponentLike;\n  };\n  Blocks: {\n    /** The cell content (upstream `children`). */\n    default: [];\n  };\n}\n\n/**\n * Upstream `DefaultCellPopover`: the cell content in `EuiText` (or the\n * cell's text pretty-printed in an `EuiCodeBlock` for the `json` schema),\n * followed by the cell actions. Passed to custom popover renderers as\n * `DefaultCellPopover` to fall back to the standard display.\n */\nconst EuiDataGridDefaultCellPopover: TOC<EuiDataGridDefaultCellPopoverSignature> = <template>\n  {{#if (isJson @schema)}}\n    <EuiCodeBlock\n      @isCopyable={{true}}\n      @transparentBackground={{true}}\n      @paddingSize=\"none\"\n      @language=\"json\"\n    >{{formatJson @cellContentsElement}}</EuiCodeBlock>\n  {{else}}\n    <EuiText>{{yield}}</EuiText>\n  {{/if}}\n  {{#if @cellActions}}\n    {{#let @cellActions as |CellActions|}}<CellActions />{{/let}}\n  {{/if}}\n</template>;\n\nexport default EuiDataGridDefaultCellPopover;\n"],"names":["formatJson","cellContentsElement","cellText","innerText","JSON","stringify","parse","isJson","schema","EuiDataGridDefaultCellPopover","setComponentTemplate","precompileTemplate","strictMode","scope","EuiCodeBlock","EuiText","templateOnly"],"mappings":";;;;;;AAOA,SAASA,UAAAA,CAAWC,mBAAmD,EAAS;AAC9E,EAAA,MAAMC,QAAA,GAAWD,qBAAqBE,SAAA,IAAa,EAAA;EACnD,IAAI;AACF,IAAA,OAAOC,KAAKC,SAAS,CAACD,KAAKE,KAAK,CAACJ,WAAW,IAAA,EAAM,CAAA,CAAA;AACpD,EAAA,CAAA,CAAE,MAAM;AACN,IAAA,OAAOA,QAAA;AACT,EAAA;AACF;AAEA,MAAMK,MAAA,GAAUC,MAAiC,IAAcA,MAAA,KAAW,MAAA;AAe1E;;;;;AAKC;AACD,MAAMC,6BAAmC,GAAAC,oBAAA,CAA0CC,kBAAA,CAAA,+UAAA,EAcnF;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAN,MAAA;kBAAAO,qBAAA;IAAAd,UAAA;AAAAe,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-data-grid/display-selector.js

@@ -0,0 +1,277 @@
+import Component from '@glimmer/component';
+import { tracked, cached } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { on } from '@ember/modifier';
+import { service } from '@ember/service';
+import { modifier } from 'ember-modifier';
+import { afterRender } from '../../utils/data-grid/scheduling.js';
+import { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { euiDataGridDisplayPopoverWidth, euiDataGridRowHeightControlStyles } from '../../utils/eui/data-grid.js';
+import { euiClass } from '../../utils/eui/styles.js';
+import EuiButtonEmpty from '../eui-button-empty.js';
+import { EuiButtonGroup } from '../eui-button-group.js';
+import EuiButtonIcon from '../eui-button-icon.js';
+import EuiFieldNumber from '../eui-field-number.js';
+import EuiFlexGroup from '../eui-flex-group.js';
+import EuiFormRow from '../eui-form-row.js';
+import EuiPopoverComponent from '../eui-popover.js';
+import EuiPopoverFooter from '../eui-popover-footer.js';
+import EuiToolTip from '../eui-tool-tip.js';
+import { getNestedObjectOptions } from '../../utils/data-grid/toolbar.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+const densityStyles = {
+  expanded: {
+    fontSize: 'l',
+    cellPadding: 'l'
+  },
+  normal: {
+    fontSize: 'm',
+    cellPadding: 'm'
+  },
+  compact: {
+    fontSize: 's',
+    cellPadding: 's'
+  }
+};
+function convertGridStylesToSelection(gridStyles) {
+  if (gridStyles.fontSize === 's' && gridStyles.cellPadding === 's') return 'compact';
+  if (gridStyles.fontSize === 'm' && gridStyles.cellPadding === 'm') return 'normal';
+  if (gridStyles.fontSize === 'l' && gridStyles.cellPadding === 'l') return 'expanded';
+  return '';
+}
+function convertRowHeightsOptionsToSelection(options) {
+  const {
+    defaultHeight
+  } = options;
+  // Custom pixel row height values don't have a corresponding UI element
+  if (typeof defaultHeight === 'number' || typeof defaultHeight === 'object' && defaultHeight.height) {
+    return '';
+  }
+  if (defaultHeight === 'auto') return 'auto';
+  return 'static';
+}
+function isEqual(a, b) {
+  return JSON.stringify(a) === JSON.stringify(b);
+}
+/** Toolbar display options popover: density and lines per row. */class EuiDataGridDisplaySelector extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  static {
+    g(this.prototype, "isOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #isOpen = (i(this, "isOpen"), void 0);
+  static {
+    g(this.prototype, "lineCountInput", [tracked], function () {
+      return 1;
+    });
+  }
+  #lineCountInput = (i(this, "lineCountInput"), void 0);
+  t = (token, fallback) => this.euiI18n.lookupToken(token, fallback);
+  get options() {
+    const visibility = this.args.grid.args.toolbarVisibility;
+    if (visibility === undefined || typeof visibility === 'boolean') return visibility ?? true;
+    return visibility.showDisplaySelector;
+  }
+  get showDensity() {
+    return getNestedObjectOptions(this.options, 'allowDensity');
+  }
+  get showRowHeight() {
+    return getNestedObjectOptions(this.options, 'allowRowHeight');
+  }
+  /** Upstream `additionalDisplaySettings`: a component appended to the popover. */
+  get additionalDisplaySettings() {
+    const options = this.options;
+    return typeof options === 'object' ? options.additionalDisplaySettings : undefined;
+  }
+  /** Upstream `customRender`: lays out the popover's controls. */
+  get customRender() {
+    const options = this.options;
+    return typeof options === 'object' ? options.customRender : undefined;
+  }
+  get show() {
+    return this.showDensity || this.showRowHeight || !!this.additionalDisplaySettings;
+  }
+  /* density -------------------------------------------------------------- */
+  get densityOptions() {
+    return [{
+      id: 'compact',
+      label: this.t('euiDisplaySelector.labelCompact', 'Compact'),
+      'data-test-subj': 'compact'
+    }, {
+      id: 'normal',
+      label: this.t('euiDisplaySelector.labelNormal', 'Normal'),
+      'data-test-subj': 'normal'
+    }, {
+      id: 'expanded',
+      label: this.t('euiDisplaySelector.labelExpanded', 'Expanded'),
+      'data-test-subj': 'expanded'
+    }];
+  }
+  get density() {
+    return convertGridStylesToSelection(this.args.grid.gridStyles);
+  }
+  setDensity(density) {
+    const styles = densityStyles[density];
+    if (styles) this.args.grid.onUserGridStyleChange(styles);
+  }
+  /* row height ------------------------------------------------------------ */
+  static {
+    n(this.prototype, "setDensity", [action]);
+  }
+  get rowHeightsOptions() {
+    return this.args.grid.rowHeightsOptions;
+  }
+  get rowHeightSelection() {
+    return convertRowHeightsOptionsToSelection(this.rowHeightsOptions);
+  }
+  get rowHeightButtonOptions() {
+    return [{
+      id: 'auto',
+      label: this.t('euiDisplaySelector.labelAuto', 'Auto'),
+      'data-test-subj': 'auto'
+    }, {
+      id: 'static',
+      label: this.rowHeightsOptions.autoBelowLineCount ? this.t('euiDisplaySelector.labelMax', 'Max') : this.t('euiDisplaySelector.labelStatic', 'Static'),
+      'data-test-subj': 'static'
+    }];
+  }
+  /** Reflect consumer `lineCount` changes (and resets) in the number input. */
+  syncLineCount = modifier((_element, [defaultHeight]) => {
+    const passed = typeof defaultHeight === 'object' && defaultHeight ? defaultHeight.lineCount : undefined;
+    const next = passed ? passed : defaultHeight === undefined ? 1 : undefined;
+    if (next !== undefined && next !== this.lineCountInput) {
+      // applied after render: the input already consumed the value
+      afterRender(this, () => {
+        this.lineCountInput = next;
+      });
+    }
+  });
+  setRowHeight(option) {
+    const options = {
+      rowHeights: {}
+    };
+    if (option === 'auto') {
+      options.defaultHeight = 'auto';
+    } else if (option === 'static') {
+      const lineCount = Number(this.lineCountInput);
+      // lineCount: 1 is the same as single/undefined
+      options.defaultHeight = lineCount > 1 ? {
+        lineCount
+      } : undefined;
+    }
+    this.args.grid.onUserRowHeightChange(options);
+  }
+  static {
+    n(this.prototype, "setRowHeight", [action]);
+  }
+  setLineCountHeight(event) {
+    const newLineCount = Number(event.target.value);
+    this.lineCountInput = newLineCount;
+    this.args.grid.onUserRowHeightChange({
+      rowHeights: {},
+      defaultHeight: newLineCount > 1 ? {
+        lineCount: newLineCount
+      } : undefined
+    });
+  }
+  /* reset ------------------------------------------------------------------ */
+  static {
+    n(this.prototype, "setLineCountHeight", [action]);
+  }
+  get showResetButton() {
+    if (!getNestedObjectOptions(this.options, 'allowResetButton')) return false;
+    const {
+      grid
+    } = this.args;
+    const initialStyles = grid.initialGridStyles ?? {};
+    const initialRowHeights = grid.initialRowHeightsOptions ?? {};
+    return !isEqual(this.rowHeightsOptions.defaultHeight, initialRowHeights.defaultHeight) || grid.gridStyles.fontSize !== initialStyles.fontSize || grid.gridStyles.cellPadding !== initialStyles.cellPadding;
+  }
+  /* popover ---------------------------------------------------------------- */
+  get panelStyle() {
+    return {
+      inlineSize: euiDataGridDisplayPopoverWidth(getEuiThemeContext(this).upstream)
+    };
+  }
+  static {
+    n(this.prototype, "panelStyle", [cached]);
+  }
+  get rowHeightGroupClass() {
+    return euiClass(getEuiThemeContext(this), euiDataGridRowHeightControlStyles);
+  }
+  static {
+    n(this.prototype, "rowHeightGroupClass", [cached]);
+  }
+  get buttonLabel() {
+    return this.t('euiDisplaySelector.buttonText', 'Display options');
+  }
+  toggle() {
+    this.isOpen = !this.isOpen;
+  }
+  static {
+    n(this.prototype, "toggle", [action]);
+  }
+  close() {
+    this.isOpen = false;
+  }
+  static {
+    n(this.prototype, "close", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#if this.show}}\n  <EuiPopover data-test-subj=\"dataGridDisplaySelectorPopover\" @isOpen={{this.isOpen}} @closePopover={{this.close}} @anchorPosition=\"downRight\" @panelPaddingSize=\"s\" @panelStyle={{this.panelStyle}} @panelClassName=\"euiDataGrid__displayPopoverPanel\">\n    <:button>\n      <EuiToolTip @content={{this.buttonLabel}} @disableScreenReaderOutput={{true}}>\n        <EuiButtonIcon @size=\"xs\" @iconType=\"controls\" @color=\"text\" data-test-subj=\"dataGridDisplaySelectorButton\" aria-label={{this.buttonLabel}} {{on \"click\" this.toggle}} />\n      </EuiToolTip>\n    </:button>\n    <:content>\n      {{#if this.customRender}}\n        {{#let this.customRender as |CustomRender|}}\n          <CustomRender @densityControl={{if this.showDensity (component DensityControl selector=this)}} @rowHeightControl={{if this.showRowHeight (component RowHeightControl selector=this)}} @additionalDisplaySettings={{this.additionalDisplaySettings}} @resetButton={{if this.showResetButton (component ResetButton selector=this)}} />\n        {{/let}}\n      {{else}}\n        {{#if this.showDensity}}<DensityControl @selector={{this}} />{{/if}}\n        {{#if this.showRowHeight}}<RowHeightControl @selector={{this}} />{{/if}}\n        {{#if this.additionalDisplaySettings}}\n          {{#let this.additionalDisplaySettings as |AdditionalDisplaySettings|}}\n            <AdditionalDisplaySettings />\n          {{/let}}\n        {{/if}}\n        {{#if this.showResetButton}}<ResetButton @selector={{this}} />{{/if}}\n      {{/if}}\n    </:content>\n  </EuiPopover>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        EuiPopover: EuiPopoverComponent,
+        EuiToolTip,
+        EuiButtonIcon,
+        on,
+        DensityControl,
+        RowHeightControl,
+        ResetButton
+      })
+    }), this);
+  }
+}
+/** Density button group (upstream `densityControl`). */const DensityControl = setComponentTemplate(precompileTemplate("<EuiFormRow @label={{@selector.t \"euiDisplaySelector.densityLabel\" \"Density\"}} @display=\"columnCompressed\">\n  <EuiButtonGroup @legend={{@selector.t \"euiDisplaySelector.densityLabel\" \"Density\"}} @buttonSize=\"s\" @isFullWidth={{true}} @options={{@selector.densityOptions}} @idSelected={{@selector.density}} @onChange={{@selector.setDensity}} data-test-subj=\"densityButtonGroup\" />\n</EuiFormRow>", {
+  strictMode: true,
+  scope: () => ({
+    EuiFormRow,
+    EuiButtonGroup
+  })
+}), templateOnly());
+/** Lines per row control (upstream `rowHeightControl`). */
+const RowHeightControl = setComponentTemplate(precompileTemplate("<EuiFormRow @label={{@selector.t \"euiDisplaySelector.rowHeightLabel\" \"Lines per row\"}} @display=\"columnCompressed\">\n  <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}} {{@selector.syncLineCount @selector.rowHeightsOptions.defaultHeight}}>\n    <div class={{@selector.rowHeightGroupClass}}>\n      <EuiButtonGroup @legend={{@selector.t \"euiDisplaySelector.rowHeightLabel\" \"Lines per row\"}} @buttonSize=\"s\" @isFullWidth={{true}} @options={{@selector.rowHeightButtonOptions}} @idSelected={{@selector.rowHeightSelection}} @onChange={{@selector.setRowHeight}} data-test-subj=\"rowHeightButtonGroup\" />\n    </div>\n    <EuiFieldNumber aria-label={{@selector.t \"euiDisplaySelector.rowHeightLabel\" \"Lines per row\"}} @compressed={{true}} @min={{1}} @max={{20}} @disabled={{if (eqStatic @selector.rowHeightSelection) false true}} @value={{@selector.lineCountInput}} data-test-subj=\"lineCountNumber\" {{on \"change\" @selector.setLineCountHeight}} />\n  </EuiFlexGroup>\n</EuiFormRow>", {
+  strictMode: true,
+  scope: () => ({
+    EuiFormRow,
+    EuiFlexGroup,
+    EuiButtonGroup,
+    EuiFieldNumber,
+    eqStatic,
+    on
+  })
+}), templateOnly());
+/** Reset to default button (upstream `resetButton`). */
+const ResetButton = setComponentTemplate(precompileTemplate("<EuiPopoverFooter>\n  <EuiFlexGroup @justifyContent=\"flexEnd\" @responsive={{false}}>\n    <EuiButtonEmpty @flush=\"both\" @size=\"xs\" data-test-subj=\"resetDisplaySelector\" {{on \"click\" @selector.args.grid.resetDisplayOptions}}>{{@selector.t \"euiDisplaySelector.resetButtonText\" \"Reset to default\"}}</EuiButtonEmpty>\n  </EuiFlexGroup>\n</EuiPopoverFooter>", {
+  strictMode: true,
+  scope: () => ({
+    EuiPopoverFooter,
+    EuiFlexGroup,
+    EuiButtonEmpty,
+    on
+  })
+}), templateOnly());
+function eqStatic(selection) {
+  return selection === 'static';
+}
+
+export { EuiDataGridDisplaySelector as default };
+//# sourceMappingURL=display-selector.js.map

package/dist/components/eui-data-grid/display-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-selector.js","sources":["../../../src/components/eui-data-grid/display-selector.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport { afterRender } from '../../utils/data-grid/scheduling.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport {\n  euiDataGridDisplayPopoverWidth,\n  euiDataGridRowHeightControlStyles\n} from '../../utils/eui/data-grid.ts';\nimport { euiClass } from '../../utils/eui/styles.ts';\nimport EuiButtonEmpty from '../eui-button-empty.gts';\nimport EuiButtonGroup from '../eui-button-group.gts';\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiFieldNumber from '../eui-field-number.gts';\nimport EuiFlexGroup from '../eui-flex-group.gts';\nimport EuiFormRow from '../eui-form-row.gts';\nimport EuiPopover from '../eui-popover.gts';\nimport EuiPopoverFooter from '../eui-popover-footer.gts';\nimport EuiToolTip from '../eui-tool-tip.gts';\nimport { getNestedObjectOptions } from '../../utils/data-grid/toolbar.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type EuiI18n from '../../services/eui-i18n.ts';\nimport type EuiDataGrid from '../eui-data-grid.gts';\nimport type {\n  EuiDataGridRowHeightsOptions,\n  EuiDataGridStyle,\n  EuiDataGridToolBarVisibilityDisplaySelectorOptions\n} from '../../utils/data-grid/types.ts';\n\nconst densityStyles: Record<string, Partial<EuiDataGridStyle>> = {\n  expanded: { fontSize: 'l', cellPadding: 'l' },\n  normal: { fontSize: 'm', cellPadding: 'm' },\n  compact: { fontSize: 's', cellPadding: 's' }\n};\n\nfunction convertGridStylesToSelection(gridStyles: EuiDataGridStyle): string {\n  if (gridStyles.fontSize === 's' && gridStyles.cellPadding === 's') return 'compact';\n  if (gridStyles.fontSize === 'm' && gridStyles.cellPadding === 'm') return 'normal';\n  if (gridStyles.fontSize === 'l' && gridStyles.cellPadding === 'l') return 'expanded';\n  return '';\n}\n\nfunction convertRowHeightsOptionsToSelection(options: EuiDataGridRowHeightsOptions): string {\n  const { defaultHeight } = options;\n  // Custom pixel row height values don't have a corresponding UI element\n  if (\n    typeof defaultHeight === 'number' ||\n    (typeof defaultHeight === 'object' && defaultHeight.height)\n  ) {\n    return '';\n  }\n  if (defaultHeight === 'auto') return 'auto';\n  return 'static';\n}\n\nfunction isEqual(a: unknown, b: unknown): boolean {\n  return JSON.stringify(a) === JSON.stringify(b);\n}\n\nexport interface EuiDataGridDisplaySelectorSignature {\n  Args: { grid: EuiDataGrid };\n}\n\n/** Toolbar display options popover: density and lines per row. */\nexport default class EuiDataGridDisplaySelector extends Component<EuiDataGridDisplaySelectorSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked isOpen = false;\n  @tracked lineCountInput = 1;\n\n  t = (token: string, fallback: string): string => this.euiI18n.lookupToken(token, fallback);\n\n  get options(): boolean | EuiDataGridToolBarVisibilityDisplaySelectorOptions | undefined {\n    const visibility = this.args.grid.args.toolbarVisibility;\n    if (visibility === undefined || typeof visibility === 'boolean') return visibility ?? true;\n    return visibility.showDisplaySelector;\n  }\n\n  get showDensity(): boolean {\n    return getNestedObjectOptions(this.options, 'allowDensity');\n  }\n\n  get showRowHeight(): boolean {\n    return getNestedObjectOptions(this.options, 'allowRowHeight');\n  }\n\n  /** Upstream `additionalDisplaySettings`: a component appended to the popover. */\n  get additionalDisplaySettings(): ComponentLike | undefined {\n    const options = this.options;\n    return typeof options === 'object' ? options.additionalDisplaySettings : undefined;\n  }\n\n  /** Upstream `customRender`: lays out the popover's controls. */\n  get customRender(): EuiDataGridToolBarVisibilityDisplaySelectorOptions['customRender'] {\n    const options = this.options;\n    return typeof options === 'object' ? options.customRender : undefined;\n  }\n\n  get show(): boolean {\n    return this.showDensity || this.showRowHeight || !!this.additionalDisplaySettings;\n  }\n\n  /* density -------------------------------------------------------------- */\n\n  get densityOptions() {\n    return [\n      { id: 'compact', label: this.t('euiDisplaySelector.labelCompact', 'Compact'), 'data-test-subj': 'compact' },\n      { id: 'normal', label: this.t('euiDisplaySelector.labelNormal', 'Normal'), 'data-test-subj': 'normal' },\n      { id: 'expanded', label: this.t('euiDisplaySelector.labelExpanded', 'Expanded'), 'data-test-subj': 'expanded' }\n    ];\n  }\n\n  get density(): string {\n    return convertGridStylesToSelection(this.args.grid.gridStyles);\n  }\n\n  @action\n  setDensity(density: string): void {\n    const styles = densityStyles[density];\n    if (styles) this.args.grid.onUserGridStyleChange(styles);\n  }\n\n  /* row height ------------------------------------------------------------ */\n\n  get rowHeightsOptions(): EuiDataGridRowHeightsOptions {\n    return this.args.grid.rowHeightsOptions;\n  }\n\n  get rowHeightSelection(): string {\n    return convertRowHeightsOptionsToSelection(this.rowHeightsOptions);\n  }\n\n  get rowHeightButtonOptions() {\n    return [\n      { id: 'auto', label: this.t('euiDisplaySelector.labelAuto', 'Auto'), 'data-test-subj': 'auto' },\n      {\n        id: 'static',\n        label: this.rowHeightsOptions.autoBelowLineCount\n          ? this.t('euiDisplaySelector.labelMax', 'Max')\n          : this.t('euiDisplaySelector.labelStatic', 'Static'),\n        'data-test-subj': 'static'\n      }\n    ];\n  }\n\n  /** Reflect consumer `lineCount` changes (and resets) in the number input. */\n  syncLineCount = modifier((_element: HTMLElement, [defaultHeight]: [unknown]) => {\n    const passed =\n      typeof defaultHeight === 'object' && defaultHeight\n        ? (defaultHeight as { lineCount?: number }).lineCount\n        : undefined;\n    const next = passed ? passed : defaultHeight === undefined ? 1 : undefined;\n    if (next !== undefined && next !== this.lineCountInput) {\n      // applied after render: the input already consumed the value\n      afterRender(this, () => {\n        this.lineCountInput = next;\n      });\n    }\n  });\n\n  @action\n  setRowHeight(option: string): void {\n    const options: EuiDataGridRowHeightsOptions = { rowHeights: {} };\n    if (option === 'auto') {\n      options.defaultHeight = 'auto';\n    } else if (option === 'static') {\n      const lineCount = Number(this.lineCountInput);\n      // lineCount: 1 is the same as single/undefined\n      options.defaultHeight = lineCount > 1 ? { lineCount } : undefined;\n    }\n    this.args.grid.onUserRowHeightChange(options);\n  }\n\n  @action\n  setLineCountHeight(event: Event): void {\n    const newLineCount = Number((event.target as HTMLInputElement).value);\n    this.lineCountInput = newLineCount;\n    this.args.grid.onUserRowHeightChange({\n      rowHeights: {}, // Unset all row-specific line counts\n      defaultHeight: newLineCount > 1 ? { lineCount: newLineCount } : undefined\n    });\n  }\n\n  /* reset ------------------------------------------------------------------ */\n\n  get showResetButton(): boolean {\n    if (!getNestedObjectOptions(this.options, 'allowResetButton')) return false;\n    const { grid } = this.args;\n    const initialStyles = grid.initialGridStyles ?? {};\n    const initialRowHeights = grid.initialRowHeightsOptions ?? {};\n    return (\n      !isEqual(this.rowHeightsOptions.defaultHeight, initialRowHeights.defaultHeight) ||\n      grid.gridStyles.fontSize !== initialStyles.fontSize ||\n      grid.gridStyles.cellPadding !== initialStyles.cellPadding\n    );\n  }\n\n  /* popover ---------------------------------------------------------------- */\n\n  @cached\n  get panelStyle(): Record<string, string> {\n    return { inlineSize: euiDataGridDisplayPopoverWidth(getEuiThemeContext(this).upstream) };\n  }\n\n  @cached\n  get rowHeightGroupClass(): string {\n    return euiClass(getEuiThemeContext(this), euiDataGridRowHeightControlStyles);\n  }\n\n  get buttonLabel(): string {\n    return this.t('euiDisplaySelector.buttonText', 'Display options');\n  }\n\n  @action\n  toggle(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  @action\n  close(): void {\n    this.isOpen = false;\n  }\n\n  <template>\n    {{#if this.show}}\n      <EuiPopover\n        data-test-subj=\"dataGridDisplaySelectorPopover\"\n        @isOpen={{this.isOpen}}\n        @closePopover={{this.close}}\n        @anchorPosition=\"downRight\"\n        @panelPaddingSize=\"s\"\n        @panelStyle={{this.panelStyle}}\n        @panelClassName=\"euiDataGrid__displayPopoverPanel\"\n      >\n        <:button>\n          <EuiToolTip @content={{this.buttonLabel}} @disableScreenReaderOutput={{true}}>\n            <EuiButtonIcon\n              @size=\"xs\"\n              @iconType=\"controls\"\n              @color=\"text\"\n              data-test-subj=\"dataGridDisplaySelectorButton\"\n              aria-label={{this.buttonLabel}}\n              {{on \"click\" this.toggle}}\n            />\n          </EuiToolTip>\n        </:button>\n        <:content>\n          {{#if this.customRender}}\n            {{#let this.customRender as |CustomRender|}}\n              <CustomRender\n                @densityControl={{if this.showDensity (component DensityControl selector=this)}}\n                @rowHeightControl={{if this.showRowHeight (component RowHeightControl selector=this)}}\n                @additionalDisplaySettings={{this.additionalDisplaySettings}}\n                @resetButton={{if this.showResetButton (component ResetButton selector=this)}}\n              />\n            {{/let}}\n          {{else}}\n            {{#if this.showDensity}}<DensityControl @selector={{this}} />{{/if}}\n            {{#if this.showRowHeight}}<RowHeightControl @selector={{this}} />{{/if}}\n            {{#if this.additionalDisplaySettings}}\n              {{#let this.additionalDisplaySettings as |AdditionalDisplaySettings|}}\n                <AdditionalDisplaySettings />\n              {{/let}}\n            {{/if}}\n            {{#if this.showResetButton}}<ResetButton @selector={{this}} />{{/if}}\n          {{/if}}\n        </:content>\n      </EuiPopover>\n    {{/if}}\n  </template>\n}\n\ntype PartSignature = TOC<{ Args: { selector: EuiDataGridDisplaySelector } }>;\n\n/** Density button group (upstream `densityControl`). */\nconst DensityControl: PartSignature = <template>\n  <EuiFormRow\n    @label={{@selector.t \"euiDisplaySelector.densityLabel\" \"Density\"}}\n    @display=\"columnCompressed\"\n  >\n    <EuiButtonGroup\n      @legend={{@selector.t \"euiDisplaySelector.densityLabel\" \"Density\"}}\n      @buttonSize=\"s\"\n      @isFullWidth={{true}}\n      @options={{@selector.densityOptions}}\n      @idSelected={{@selector.density}}\n      @onChange={{@selector.setDensity}}\n      data-test-subj=\"densityButtonGroup\"\n    />\n  </EuiFormRow>\n</template>;\n\n/** Lines per row control (upstream `rowHeightControl`). */\nconst RowHeightControl: PartSignature = <template>\n  <EuiFormRow\n    @label={{@selector.t \"euiDisplaySelector.rowHeightLabel\" \"Lines per row\"}}\n    @display=\"columnCompressed\"\n  >\n    <EuiFlexGroup\n      @gutterSize=\"s\"\n      @responsive={{false}}\n      {{@selector.syncLineCount @selector.rowHeightsOptions.defaultHeight}}\n    >\n      <div class={{@selector.rowHeightGroupClass}}>\n        <EuiButtonGroup\n          @legend={{@selector.t \"euiDisplaySelector.rowHeightLabel\" \"Lines per row\"}}\n          @buttonSize=\"s\"\n          @isFullWidth={{true}}\n          @options={{@selector.rowHeightButtonOptions}}\n          @idSelected={{@selector.rowHeightSelection}}\n          @onChange={{@selector.setRowHeight}}\n          data-test-subj=\"rowHeightButtonGroup\"\n        />\n      </div>\n      <EuiFieldNumber\n        aria-label={{@selector.t \"euiDisplaySelector.rowHeightLabel\" \"Lines per row\"}}\n        @compressed={{true}}\n        @min={{1}}\n        @max={{20}}\n        @disabled={{if (eqStatic @selector.rowHeightSelection) false true}}\n        @value={{@selector.lineCountInput}}\n        data-test-subj=\"lineCountNumber\"\n        {{on \"change\" @selector.setLineCountHeight}}\n      />\n    </EuiFlexGroup>\n  </EuiFormRow>\n</template>;\n\n/** Reset to default button (upstream `resetButton`). */\nconst ResetButton: PartSignature = <template>\n  <EuiPopoverFooter>\n    <EuiFlexGroup @justifyContent=\"flexEnd\" @responsive={{false}}>\n      <EuiButtonEmpty\n        @flush=\"both\"\n        @size=\"xs\"\n        data-test-subj=\"resetDisplaySelector\"\n        {{on \"click\" @selector.args.grid.resetDisplayOptions}}\n      >{{@selector.t \"euiDisplaySelector.resetButtonText\" \"Reset to default\"}}</EuiButtonEmpty>\n    </EuiFlexGroup>\n  </EuiPopoverFooter>\n</template>;\n\nfunction eqStatic(selection: string): boolean {\n  return selection === 'static';\n}\n"],"names":["densityStyles","expanded","fontSize","cellPadding","normal","compact","convertGridStylesToSelection","gridStyles","convertRowHeightsOptionsToSelection","options","defaultHeight","height","isEqual","a","b","JSON","stringify","EuiDataGridDisplaySelector","Component","g","prototype","service","i","tracked","t","token","fallback","euiI18n","lookupToken","visibility","args","grid","toolbarVisibility","undefined","showDisplaySelector","showDensity","getNestedObjectOptions","showRowHeight","additionalDisplaySettings","customRender","show","densityOptions","id","label","density","setDensity","styles","onUserGridStyleChange","n","action","rowHeightsOptions","rowHeightSelection","rowHeightButtonOptions","autoBelowLineCount","syncLineCount","modifier","_element","passed","lineCount","next","lineCountInput","afterRender","setRowHeight","option","rowHeights","Number","onUserRowHeightChange","setLineCountHeight","event","newLineCount","target","value","showResetButton","initialStyles","initialGridStyles","initialRowHeights","initialRowHeightsOptions","panelStyle","inlineSize","euiDataGridDisplayPopoverWidth","getEuiThemeContext","upstream","cached","rowHeightGroupClass","euiClass","euiDataGridRowHeightControlStyles","buttonLabel","toggle","isOpen","close","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPopover","EuiToolTip","EuiButtonIcon","on","DensityControl","RowHeightControl","ResetButton","EuiFormRow","EuiButtonGroup","templateOnly","EuiFlexGroup","EuiFieldNumber","eqStatic","EuiPopoverFooter","EuiButtonEmpty","selection"],"mappings":"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"}

package/dist/components/eui-data-grid/footer-row.js

@@ -0,0 +1,43 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
+import { eF as euiDataGridFooterStyles } from '../../styles.generated-SYAxYhey.js';
+import EuiDataGridCell from './cell.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { n } from 'decorator-transforms/runtime-esm';
+
+/** The (sticky) footer row rendered after the virtualized rows. */class EuiDataGridFooterRow extends Component {
+  /** The footer is the row after the page's last visible row. */get rowIndex() {
+    return this.args.grid.visibleRows.visibleRowCount;
+  }
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiDataGridFooterStyles);
+    const {
+      stickyFooter,
+      footer
+    } = this.args.grid.gridStyles;
+    return `euiDataGridFooter ${euiClass(context, styles.euiDataGridFooter, stickyFooter && styles.sticky, footer === 'striped' ? this.rowIndex % 2 !== 0 && styles.striped : styles[footer])}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  get columnIndexes() {
+    return Array.from({
+      length: this.args.grid.visibleColCount
+    }, (_, i) => i);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div role=\"row\" class={{this.classes}} data-test-subj=\"dataGridRow dataGridFooterRow\" ...attributes>\n  {{#each this.columnIndexes key=\"@identity\" as |colIndex|}}\n    <EuiDataGridCell @grid={{@grid}} @body={{@body}} @colIndex={{colIndex}} @visibleRowIndex={{this.rowIndex}} @isFooter={{true}} @hasCellPopoverBlock={{@hasCellPopoverBlock}}>\n      <:footerCell as |cell|>{{yield cell to=\"footerCell\"}}</:footerCell>\n      <:cellPopover as |popover|>{{yield popover to=\"cellPopover\"}}</:cellPopover>\n      <:controlFooterCell as |cell|>{{yield cell to=\"controlFooterCell\"}}</:controlFooterCell>\n    </EuiDataGridCell>\n  {{/each}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        EuiDataGridCell
+      })
+    }), this);
+  }
+}
+
+export { EuiDataGridFooterRow as default };
+//# sourceMappingURL=footer-row.js.map

package/dist/components/eui-data-grid/footer-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-row.js","sources":["../../../src/components/eui-data-grid/footer-row.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport { euiDataGridFooterStyles } from '../../utils/eui/styles.generated.ts';\nimport EuiDataGridCell from './cell.gts';\n\nimport type EuiDataGrid from '../eui-data-grid.gts';\nimport type { EuiDataGridSignature } from '../eui-data-grid.gts';\nimport type EuiDataGridBodyBase from './body-base.ts';\n\nexport interface EuiDataGridFooterRowSignature {\n  Element: HTMLDivElement;\n  Args: {\n    grid: EuiDataGrid;\n    body: EuiDataGridBodyBase<any>;\n    hasCellPopoverBlock?: boolean;\n  };\n  Blocks: Pick<EuiDataGridSignature['Blocks'], 'footerCell' | 'cellPopover' | 'controlFooterCell'>;\n}\n\n/** The (sticky) footer row rendered after the virtualized rows. */\nexport default class EuiDataGridFooterRow extends Component<EuiDataGridFooterRowSignature> {\n  /** The footer is the row after the page's last visible row. */\n  get rowIndex(): number {\n    return this.args.grid.visibleRows.visibleRowCount;\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiDataGridFooterStyles);\n    const { stickyFooter, footer } = this.args.grid.gridStyles;\n    return `euiDataGridFooter ${euiClass(\n      context,\n      styles.euiDataGridFooter,\n      stickyFooter && styles.sticky,\n      footer === 'striped'\n        ? this.rowIndex % 2 !== 0 && styles.striped\n        : styles[footer as 'shade' | 'overline']\n    )}`;\n  }\n\n  get columnIndexes(): number[] {\n    return Array.from({ length: this.args.grid.visibleColCount }, (_, i) => i);\n  }\n\n  <template>\n    <div\n      role=\"row\"\n      class={{this.classes}}\n      data-test-subj=\"dataGridRow dataGridFooterRow\"\n      ...attributes\n    >\n      {{#each this.columnIndexes key=\"@identity\" as |colIndex|}}\n        <EuiDataGridCell\n          @grid={{@grid}}\n          @body={{@body}}\n          @colIndex={{colIndex}}\n          @visibleRowIndex={{this.rowIndex}}\n          @isFooter={{true}}\n          @hasCellPopoverBlock={{@hasCellPopoverBlock}}\n        >\n          <:footerCell as |cell|>{{yield cell to=\"footerCell\"}}</:footerCell>\n          <:cellPopover as |popover|>{{yield popover to=\"cellPopover\"}}</:cellPopover>\n          <:controlFooterCell as |cell|>{{yield cell to=\"controlFooterCell\"}}</:controlFooterCell>\n        </EuiDataGridCell>\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["EuiDataGridFooterRow","Component","rowIndex","args","grid","visibleRows","visibleRowCount","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiDataGridFooterStyles","stickyFooter","footer","gridStyles","euiClass","euiDataGridFooter","sticky","striped","n","prototype","cached","columnIndexes","Array","from","length","visibleColCount","_","i","setComponentTemplate","precompileTemplate","strictMode","scope","EuiDataGridCell"],"mappings":";;;;;;;;;;AAsBA,mEACe,MAAMA,oBAAA,SAA6BC,SAAA,CAAU;iEAE1D,IAAIC,QAAAA,GAAmB;IACrB,OAAO,IAAI,CAACC,IAAI,CAACC,IAAI,CAACC,WAAW,CAACC,eAAe;AACnD,EAAA;EAEA,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,uBAAA,CAAA;IAC7C,MAAM;MAAEC,YAAY;AAAEC,MAAAA;AAAM,KAAE,GAAG,IAAI,CAACX,IAAI,CAACC,IAAI,CAACW,UAAU;AAC1D,IAAA,OAAO,qBAAqBC,QAAA,CAC1BR,OAAA,EACAE,MAAA,CAAOO,iBAAiB,EACxBJ,YAAA,IAAgBH,MAAA,CAAOQ,MAAM,EAC7BJ,MAAA,KAAW,SAAA,GACP,IAAI,CAACZ,QAAQ,GAAG,CAAA,KAAM,CAAA,IAAKQ,MAAA,CAAOS,OAAO,GACzCT,MAAM,CAACI,MAAA,CAA+B,CAAA,CAAA,CACzC;AACL,EAAA;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAbCC,MAAA,CAAA,CAAA;AAAA;EAeD,IAAIC,aAAAA,GAA0B;IAC5B,OAAOC,KAAA,CAAMC,IAAI,CAAC;AAAEC,MAAAA,MAAA,EAAQ,IAAI,CAACvB,IAAI,CAACC,IAAI,CAACuB;AAAgB,KAAA,EAAG,CAACC,GAAGC,CAAA,KAAMA,CAAA,CAAA;AAC1E,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8oBAAA,EAsBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-data-grid/fullscreen-selector.js

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+import { service } from '@ember/service';
+import EuiButtonIcon from '../eui-button-icon.js';
+import EuiToolTip from '../eui-tool-tip.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+/** Toolbar button toggling fullscreen (Escape also exits). */class EuiDataGridFullScreenSelector extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get label() {
+    return this.args.grid.isFullScreen ? this.euiI18n.lookupToken('euiFullscreenSelector.fullscreenButtonActive', 'Exit fullscreen') : this.euiI18n.lookupToken('euiFullscreenSelector.fullscreenButton', 'Enter fullscreen');
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiToolTip>\n  <:content>\n    {{this.label}}{{#if @grid.isFullScreen}} (<kbd>esc</kbd>){{/if}}\n  </:content>\n  <:anchor>\n    <EuiButtonIcon @size=\"xs\" @iconType={{if @grid.isFullScreen \"fullScreenExit\" \"fullScreen\"}} @color=\"text\" aria-pressed={{if @grid.isFullScreen \"true\" \"false\"}} data-test-subj=\"dataGridFullScreenButton\" aria-label={{this.label}} {{on \"click\" @grid.toggleFullScreen}} />\n  </:anchor>\n</EuiToolTip>", {
+      strictMode: true,
+      scope: () => ({
+        EuiToolTip,
+        EuiButtonIcon,
+        on
+      })
+    }), this);
+  }
+}
+
+export { EuiDataGridFullScreenSelector as default };
+//# sourceMappingURL=fullscreen-selector.js.map