@ember-eui/core 14.1.4 → 16.0.0

package/dist/-private/basic-table.js

@@ -0,0 +1,197 @@
+import Component from '@glimmer/component';
+import { getComponentTemplate } from '@ember/component';
+import { modifier } from 'ember-modifier';
+import { formatDate, formatBoolean, formatNumber, formatText, formatAuto } from '../utils/eui/format.js';
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+
+/**
+ * A column's display name (upstream `ReactNode`): text, an `htmlSafe`
+ * string or a component rendered without arguments.
+ */
+
+/** Vertical alignment of a column's cells. */
+
+/** Text content of a cell, footer or action (upstream React nodes). */
+
+/** An icon with a tooltip next to a column name. */
+
+/** Args of a cell `component`. */
+
+/** Cards (mobile) options of a column. */
+
+/**
+ * Rich content of a row action's `name` (upstream `ReactNode`): text, an
+ * `htmlSafe` string or a component (rendered with `@item`).
+ */
+
+const isCustomItemAction = action => {
+  return Object.prototype.hasOwnProperty.call(action, 'component');
+};
+const callWithItemIfFunction = item => prop => typeof prop === 'function' ? prop(item) : prop;
+
+/** Whether a function is a component (a class), not a render function. */
+function isComponentDefinition(value) {
+  return getComponentTemplate(value) != null || value.prototype instanceof Component;
+}
+
+/**
+ * Upstream `callWithItemIfFunction(item)(action.name)` for rich names: a
+ * function is called with the item, unless it is a component class.
+ */
+function resolveItemNode(item, value) {
+  if (typeof value === 'function') {
+    const fn = value;
+    if (!isComponentDefinition(fn)) return fn(item);
+  }
+  return value;
+}
+
+/** Attributes for a row or cell; `onClick` makes a row clickable. */
+
+/**
+ * `EuiTableRowCell` arguments `@cellProps` may set (upstream spreads
+ * `cellProps` onto `EuiTableRowCell`, which consumes these props instead
+ * of rendering them as attributes).
+ */
+
+const CELL_ARG_KEYS = ['align', 'textOnly', 'truncateText', 'valign', 'isExpander', 'setScopeRow', 'hasActions', 'showOnHover', 'width', 'minWidth', 'maxWidth', 'mobileOptions', 'sticky'];
+
+/**
+ * Column keys that configure the column itself. Upstream spreads the rest of
+ * a field or computed column (`TdHTMLAttributes`, `className`,
+ * `data-test-subj`, …) onto its `EuiTableRowCell`s.
+ */
+const COLUMN_KEYS = new Set([...CELL_ARG_KEYS, 'field', 'name', 'nameTooltip', 'description', 'dataType', 'sortable', 'readOnly', 'render', 'component', 'footer', 'actions', 'className', 'data-test-subj', 'style', 'css']);
+
+/**
+ * The `<td>` attributes and `on*` listeners of a column's cells: every key
+ * that doesn't configure the column (upstream's `...rest` spread).
+ */
+function columnCellAttributes(column) {
+  let attributes;
+  for (const [key, value] of Object.entries(column)) {
+    if (COLUMN_KEYS.has(key)) continue;
+    (attributes ??= {})[key] = value;
+  }
+  return attributes ?? NO_ATTRIBUTES;
+}
+const NO_ATTRIBUTES = Object.freeze({});
+
+/**
+ * Splits cell props into `EuiTableRowCell` arguments and the remaining
+ * DOM attributes/listeners, without changing the caller's object.
+ */
+function splitCellProps(props) {
+  const args = {};
+  const attributes = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (CELL_ARG_KEYS.includes(key)) args[key] = value;else attributes[key] = value;
+  }
+  return {
+    args: args,
+    attributes
+  };
+}
+const dataTypesProfiles = {
+  auto: {
+    align: 'left',
+    render: value => formatAuto(value)
+  },
+  string: {
+    align: 'left',
+    render: value => formatText(value)
+  },
+  number: {
+    align: 'right',
+    render: value => formatNumber(value)
+  },
+  boolean: {
+    align: 'left',
+    render: value => formatBoolean(value)
+  },
+  date: {
+    align: 'left',
+    render: value => formatDate(value)
+  }
+};
+const DATA_TYPES = Object.keys(dataTypesProfiles);
+function profile(dataType = 'auto') {
+  const found = dataTypesProfiles[dataType];
+  if (!found) {
+    throw new Error(`Unknown dataType [${dataType}]. The supported data types are [${DATA_TYPES.join(', ')}]`);
+  }
+  return found;
+}
+function getRendererForDataType(dataType) {
+  return profile(dataType).render;
+}
+function getAlignForDataType(dataType) {
+  return profile(dataType).align;
+}
+function getItemId(item, itemId) {
+  if (itemId) {
+    if (typeof itemId === 'function') {
+      return itemId(item);
+    }
+    return item[itemId];
+  }
+  return undefined;
+}
+function getRowProps(item, rowProps) {
+  if (rowProps) {
+    if (typeof rowProps === 'function') {
+      return rowProps(item);
+    }
+    return rowProps;
+  }
+  return {};
+}
+function getCellProps(item, column, cellProps) {
+  if (cellProps) {
+    if (typeof cellProps === 'function') {
+      return cellProps(item, column);
+    }
+    return cellProps;
+  }
+  return {};
+}
+
+/**
+ * Applies upstream's spread props to an element: `on<Event>` functions
+ * become listeners, `className`/`class` add classes and the other
+ * strings/numbers/booleans become attributes (`style` too). Removed when
+ * the props change.
+ */
+const elementProps = modifier((element, [props]) => {
+  if (!props) return;
+  const cleanups = [];
+  for (const [key, value] of Object.entries(props)) {
+    if (value == null || value === false) continue;
+    if (/^on[A-Z]/.test(key) && typeof value === 'function') {
+      const type = key.slice(2).toLowerCase();
+      const listener = value;
+      element.addEventListener(type, listener);
+      cleanups.push(() => element.removeEventListener(type, listener));
+    } else if (key === 'className' || key === 'class') {
+      const classes = String(value).split(/\s+/).filter(Boolean);
+      element.classList.add(...classes);
+      cleanups.push(() => element.classList.remove(...classes));
+    } else if (typeof value === 'string' || typeof value === 'number' || value === true) {
+      const previous = element.getAttribute(key);
+      element.setAttribute(key, value === true ? '' : String(value));
+      cleanups.push(() => previous == null ? element.removeAttribute(key) : element.setAttribute(key, previous));
+    }
+  }
+  return () => cleanups.forEach(cleanup => cleanup());
+});
+
+export { callWithItemIfFunction, columnCellAttributes, elementProps, getAlignForDataType, getCellProps, getItemId, getRendererForDataType, getRowProps, isCustomItemAction, resolveItemNode, splitCellProps };
+//# sourceMappingURL=basic-table.js.map

package/dist/-private/basic-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-table.js","sources":["../../src/-private/basic-table.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n// Column, action, selection, sorting and pagination types of EuiBasicTable\n// and EuiInMemoryTable (upstream EUI 123.1.0 `components/basic_table`\n// `table_types.ts`, `action_types.ts`, `pagination_bar.tsx` and the\n// helpers of `basic_table.tsx`), with Ember render hooks: React nodes\n// become text (`string`, numbers or `htmlSafe` strings) or components.\n\nimport GlimmerComponent from '@glimmer/component';\nimport { getComponentTemplate } from '@ember/component';\n\nimport { modifier } from 'ember-modifier';\n\nimport {\n  formatAuto,\n  formatBoolean,\n  formatDate,\n  formatNumber,\n  formatText\n} from '../utils/eui/format.ts';\n\nimport type {\n  TableAlignment,\n  TableMobileOptions,\n  TableTruncateText\n} from './table.ts';\nimport type { EuiTableNode } from './table-node.gts';\nimport type { EuiTableHeaderCellTooltipProps } from '../components/eui-table-header-cell.gts';\nimport type { EuiTableStickyCellOptions } from '../utils/eui/table.ts';\nimport type { Primitive } from '../utils/eui/sort.ts';\nimport type { ComponentLike } from '@glint/template';\nimport type { SafeString } from '@ember/template';\n\nexport type { EuiTableNode } from './table-node.gts';\n\n/**\n * A column's display name (upstream `ReactNode`): text, an `htmlSafe`\n * string or a component rendered without arguments.\n */\nexport type EuiTableColumnName = EuiTableNode;\n\n/** Vertical alignment of a column's cells. */\nexport type EuiTableVerticalAlign = 'top' | 'middle' | 'bottom' | 'baseline';\n\n/** Text content of a cell, footer or action (upstream React nodes). */\nexport type EuiTableContent = string | number | SafeString | null | undefined;\n\nexport type ItemId<T> = string | number | ((item: T) => string);\nexport type ItemIdResolved = string | number;\n\nexport type EuiTableDataType = 'auto' | 'string' | 'number' | 'boolean' | 'date';\n\nexport interface Pagination {\n  /** The current page (zero-based) index. */\n  pageIndex: number;\n  /**\n   * The maximum number of items that can be shown in a single page.\n   * Pass `0` to display the selected \"Show all\" option and hide the pagination.\n   * Defaults to `10`.\n   */\n  pageSize?: number;\n  /** The total number of items the page is \"sliced\" of. */\n  totalItemCount: number;\n  /**\n   * Configures the page size dropdown options. Pass `0` as one of the\n   * options to create a \"Show all\" option. Defaults to `[10, 25, 50]`.\n   */\n  pageSizeOptions?: number[];\n  /** Set to false to hide the page size dropdown. Defaults to `true`. */\n  showPerPageOptions?: boolean;\n}\n\nexport interface EuiTableFooterProps<T> {\n  items: T[];\n  pagination?: Pagination;\n}\n\n/** An icon with a tooltip next to a column name. */\nexport interface EuiTableColumnNameTooltipProps {\n  /** The main content of the tooltip. */\n  content: string;\n  /** The icon type to display. Defaults to `'question'`. */\n  icon?: string;\n  /** Position of the tooltip. Defaults to `'top'` (Ember shortcut for `tooltipProps.position`). */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  /** Props of the icon: `{ className }` (upstream `iconProps`). */\n  iconProps?: EuiTableHeaderCellTooltipProps['iconProps'];\n  /** More tooltip arguments: `{ position, title, delay, anchorClassName }` (upstream `tooltipProps`). */\n  tooltipProps?: EuiTableHeaderCellTooltipProps['tooltipProps'];\n}\n\n/** Args of a cell `component`. */\nexport interface EuiTableCellComponentArgs<T> {\n  /** The row's item. */\n  item: T;\n  /** The value of the column's `field` (field data columns). */\n  value?: unknown;\n  /** The column. */\n  column: EuiBasicTableColumn<T & object>;\n}\n\nexport type EuiTableCellComponent<T> = ComponentLike<{\n  Args: EuiTableCellComponentArgs<T>;\n}>;\n\n/** Cards (mobile) options of a column. */\nexport type EuiTableColumnMobileOptions<T> = TableMobileOptions & {\n  /** Text shown instead of the cell content in the cards layout. */\n  render?: (item: T) => EuiTableContent;\n  /** A component shown instead of the cell content in the cards layout. */\n  component?: EuiTableCellComponent<T>;\n};\n\ninterface ColumnBase {\n  /** A description of the column (the header's title). */\n  description?: string;\n  /** Requested width, e.g. `'30%'` or `'120px'`. */\n  width?: string;\n  /** Requested min width (with `@tableLayout=\"auto\"`). */\n  minWidth?: string;\n  /** Requested max width (with `@tableLayout=\"auto\"`). */\n  maxWidth?: string;\n  /** Classes of the column's cells. */\n  className?: string;\n  /** `data-test-subj` of the column's cells. */\n  'data-test-subj'?: string;\n  /**\n   * Inline styles of the column's cells: an object of CSS properties (or a\n   * string), under the cells' own width styles.\n   */\n  style?: string | Record<string, string | number | null | undefined>;\n  /** Other `<td>` attributes of the column's cells (upstream `TdHTMLAttributes`). */\n  title?: string;\n  id?: string;\n  lang?: string;\n  dir?: string;\n  role?: string;\n  tabIndex?: number;\n  colSpan?: number;\n  rowSpan?: number;\n  headers?: string;\n  /**\n   * `data-*` and `aria-*` attributes, and `on*` event listeners (e.g.\n   * `onClick`), of the column's cells.\n   */\n  [attribute: `data-${string}` | `aria-${string}` | `on${string}`]: unknown;\n}\n\nexport interface EuiTableFieldDataColumnType<T> extends ColumnBase {\n  /** A field of the item (may be a nested `outer.inner` path). */\n  field: keyof T | (string & {});\n  /**\n   * The display name of the column: text, an `htmlSafe` string or a\n   * component (rendered without arguments).\n   */\n  name: EuiTableColumnName;\n  /** An icon with a tooltip next to the name. */\n  nameTooltip?: EuiTableColumnNameTooltipProps;\n  /** Rendering hint of the value: alignment and default format. */\n  dataType?: EuiTableDataType;\n  /**\n   * The user can sort on this column; a function returns the value to sort\n   * against.\n   */\n  sortable?: boolean | ((item: T) => Primitive);\n  /** Shows the sort direction without letting the user change it. */\n  readOnly?: boolean;\n  /** Horizontal alignment. Defaults to `'left'` (`'right'` for numbers). */\n  align?: TableAlignment;\n  /** Wraps the content in a text span (word break / truncation). */\n  textOnly?: boolean;\n  /**\n   * Truncates overflowing text: `true` on one line, `{ lines: n }` to\n   * `n` lines.\n   */\n  truncateText?: TableTruncateText;\n  /** Vertical alignment of the column's cells (not the header or footer). Defaults to `'middle'`. */\n  valign?: EuiTableVerticalAlign;\n  /** Cards layout options. */\n  mobileOptions?: EuiTableColumnMobileOptions<T>;\n  /** Renders the cell as text from the field value and item. */\n  render?: (value: any, item: T) => EuiTableContent;\n  /** Renders the cell with a component (`@item`, `@value`, `@column`). */\n  component?: EuiTableCellComponent<T>;\n  /** Content of the footer below the column. */\n  footer?: EuiTableContent | ((props: EuiTableFooterProps<T>) => EuiTableContent);\n  /** The column holds the expand button of `@itemIdToExpandedRowMap`. */\n  isExpander?: boolean;\n}\n\nexport interface EuiTableComputedColumnType<T> extends ColumnBase {\n  /** Renders the cell as text from the item. */\n  render?: (item: T) => EuiTableContent;\n  /** Renders the cell with a component (`@item`, `@column`). */\n  component?: EuiTableCellComponent<T>;\n  /** The display name of the column (text, `htmlSafe` or a component). */\n  name?: EuiTableColumnName;\n  /** An icon with a tooltip next to the name. */\n  nameTooltip?: EuiTableColumnNameTooltipProps;\n  /** Makes the column sortable: returns the value to sort against. */\n  sortable?: (item: T) => Primitive;\n  readOnly?: boolean;\n  align?: TableAlignment;\n  /** `true` (one line) or `{ lines: n }`. */\n  truncateText?: TableTruncateText;\n  /** Vertical alignment of the column's cells. Defaults to `'middle'`. */\n  valign?: EuiTableVerticalAlign;\n  /** Wraps the content in a text span. */\n  textOnly?: boolean;\n  isExpander?: boolean;\n  /** Cards layout options. */\n  mobileOptions?: EuiTableColumnMobileOptions<T>;\n  /** Ember: computed columns have no field. */\n  field?: undefined;\n  footer?: EuiTableContent | ((props: EuiTableFooterProps<T>) => EuiTableContent);\n}\n\nexport interface EuiTableActionsColumnType<T extends object> {\n  /** {@link DefaultItemAction}s or {@link CustomItemAction}s. */\n  actions: Array<Action<T>>;\n  /** The display name of the column (text, `htmlSafe` or a component). */\n  name?: EuiTableColumnName;\n  nameTooltip?: EuiTableColumnNameTooltipProps;\n  description?: string;\n  width?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  /**\n   * Keeps the actions column stuck to the end (right) of the table at any\n   * inline scroll position. Only with `@scrollableInline={{true}}`, and\n   * the column must be the last one. With `@hasBackground={{false}}`, set\n   * `--euiTableCellStickyBackgroundColor` to the background behind the\n   * table. Upstream beta.\n   */\n  sticky?: boolean;\n}\n\nexport type EuiBasicTableColumn<T extends object> =\n  | EuiTableFieldDataColumnType<T>\n  | EuiTableComputedColumnType<T>\n  | EuiTableActionsColumnType<T>;\n\ntype ButtonColor =\n  | 'primary'\n  | 'accent'\n  | 'accentSecondary'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'text'\n  | 'neutral'\n  | 'risk';\n\n/**\n * Rich content of a row action's `name` (upstream `ReactNode`): text, an\n * `htmlSafe` string or a component (rendered with `@item`).\n */\nexport type EuiTableActionName<T> = EuiTableNode | ComponentLike<{ Args: { item: T } }>;\n\nexport interface DefaultItemActionBase<T extends object> {\n  /**\n   * The name: the button's content, the screen reader label of an icon\n   * action and the collapsed menu item's content. Text, an `htmlSafe`\n   * string, a component (rendered with `@item`), or a function of the item\n   * returning one of those.\n   */\n  name: EuiTableActionName<T> | ((item: T) => EuiTableActionName<T>);\n  /** Describes the action (the tooltip). */\n  description: string | ((item: T) => string);\n  /** Called with the row's item and the click event. */\n  onClick?: (item: T, event: MouseEvent) => void;\n  href?: string | ((item: T) => string);\n  target?: string;\n  /** Whether the action is shown for the item. */\n  available?: (item: T) => boolean;\n  /** Whether the action is enabled for the item. */\n  enabled?: (item: T) => boolean;\n  'data-test-subj'?: string | ((item: T) => string);\n  /**\n   * With more than 2 actions, up to 2 primary actions show (on hover)\n   * next to the menu of all actions.\n   */\n  isPrimary?: boolean;\n  /** Shows the action only on row hover or keyboard focus. */\n  showOnHover?: boolean;\n}\n\nexport interface DefaultItemAction<T extends object>\n  extends DefaultItemActionBase<T> {\n  /** `'button'` (default, an `EuiButtonEmpty`) or `'icon'`. */\n  type?: 'button' | 'icon';\n  /** The icon (required for `type: 'icon'`). */\n  icon?: string | ((item: T) => string);\n  /** Defaults to `'text'`. */\n  color?: ButtonColor | ((item: T) => ButtonColor);\n  render?: undefined;\n  component?: undefined;\n}\n\nexport interface CustomItemAction<T> {\n  /**\n   * Renders a custom action: a component receiving `@item` and\n   * `@enabled` (upstream `render(item, enabled)`).\n   */\n  component: ComponentLike<{ Args: { item: T; enabled: boolean } }>;\n  available?: (item: T) => boolean;\n  enabled?: (item: T) => boolean;\n  isPrimary?: boolean;\n  showOnHover?: boolean;\n}\n\nexport type Action<T extends object> = DefaultItemAction<T> | CustomItemAction<T>;\n\nexport const isCustomItemAction = <T extends object>(\n  action: Action<T>\n): action is CustomItemAction<T> => {\n  return Object.prototype.hasOwnProperty.call(action, 'component');\n};\n\nexport const callWithItemIfFunction =\n  <T>(item: T) =>\n  <U>(prop: U | ((item: T) => U)): U =>\n    typeof prop === 'function' ? (prop as (item: T) => U)(item) : prop;\n\n/** Whether a function is a component (a class), not a render function. */\nfunction isComponentDefinition(value: (...args: never[]) => unknown): boolean {\n  return (\n    getComponentTemplate(value as object) != null ||\n    value.prototype instanceof GlimmerComponent\n  );\n}\n\n/**\n * Upstream `callWithItemIfFunction(item)(action.name)` for rich names: a\n * function is called with the item, unless it is a component class.\n */\nexport function resolveItemNode<T>(\n  item: T,\n  value: EuiTableActionName<T> | ((item: T) => EuiTableActionName<T>)\n): EuiTableActionName<T> {\n  if (typeof value === 'function') {\n    const fn = value as (item: T) => EuiTableActionName<T>;\n    if (!isComponentDefinition(fn)) return fn(item);\n  }\n  return value as EuiTableActionName<T>;\n}\n\nexport interface EuiTableSortingType<T> {\n  /** The field (or column name) sorted on. */\n  sort?: {\n    field: keyof T;\n    direction: 'asc' | 'desc';\n  };\n  /** Clicking a descending column unsorts it (EuiInMemoryTable). */\n  allowNeutralSort?: boolean;\n  /** Sorting on every field column. */\n  enableAllColumns?: boolean;\n  /** Shows the sort without letting the user change it. */\n  readOnly?: boolean;\n}\n\nexport interface EuiTableSelectionType<T> {\n  /** Called whenever the selection changes. Required with `selected`. */\n  onSelectionChange?: (selection: T[]) => void;\n  /** Whether an item is selectable. */\n  selectable?: (item: T) => boolean;\n  /** Tooltip of an item's checkbox (e.g. why it is not selectable). */\n  selectableMessage?: (selectable: boolean, item: T) => string;\n  /** Initially selected items (uncontrolled). Ignored with `selected`. */\n  initialSelected?: T[];\n  /** The selected items (controlled). */\n  selected?: T[];\n}\n\nexport interface Criteria<T> {\n  /** The shown page, when the items are a page of a bigger set. */\n  page?: {\n    index: number;\n    size: number;\n  };\n  /** The sort criteria. */\n  sort?: {\n    field: keyof T;\n    direction: 'asc' | 'desc';\n  };\n}\n\nexport interface CriteriaWithPagination<T> extends Criteria<T> {\n  page: {\n    index: number;\n    size: number;\n  };\n}\n\n/** Attributes for a row or cell; `onClick` makes a row clickable. */\nexport type EuiTableElementProps = Record<string, unknown>;\n\n/**\n * `EuiTableRowCell` arguments `@cellProps` may set (upstream spreads\n * `cellProps` onto `EuiTableRowCell`, which consumes these props instead\n * of rendering them as attributes).\n */\nexport interface EuiTableCellArgs {\n  align?: TableAlignment;\n  textOnly?: boolean;\n  truncateText?: TableTruncateText;\n  valign?: EuiTableVerticalAlign;\n  isExpander?: boolean;\n  setScopeRow?: boolean;\n  hasActions?: boolean | 'custom';\n  showOnHover?: boolean;\n  width?: string | number;\n  minWidth?: string | number;\n  maxWidth?: string | number;\n  mobileOptions?: TableMobileOptions;\n  sticky?: EuiTableStickyCellOptions;\n}\n\nconst CELL_ARG_KEYS: ReadonlyArray<keyof EuiTableCellArgs> = [\n  'align',\n  'textOnly',\n  'truncateText',\n  'valign',\n  'isExpander',\n  'setScopeRow',\n  'hasActions',\n  'showOnHover',\n  'width',\n  'minWidth',\n  'maxWidth',\n  'mobileOptions',\n  'sticky'\n];\n\n/**\n * Column keys that configure the column itself. Upstream spreads the rest of\n * a field or computed column (`TdHTMLAttributes`, `className`,\n * `data-test-subj`, …) onto its `EuiTableRowCell`s.\n */\nconst COLUMN_KEYS = new Set<string>([\n  ...CELL_ARG_KEYS,\n  'field',\n  'name',\n  'nameTooltip',\n  'description',\n  'dataType',\n  'sortable',\n  'readOnly',\n  'render',\n  'component',\n  'footer',\n  'actions',\n  'className',\n  'data-test-subj',\n  'style',\n  'css'\n]);\n\n/**\n * The `<td>` attributes and `on*` listeners of a column's cells: every key\n * that doesn't configure the column (upstream's `...rest` spread).\n */\nexport function columnCellAttributes(column: object): EuiTableElementProps {\n  let attributes: EuiTableElementProps | undefined;\n  for (const [key, value] of Object.entries(column)) {\n    if (COLUMN_KEYS.has(key)) continue;\n    (attributes ??= {})[key] = value;\n  }\n  return attributes ?? NO_ATTRIBUTES;\n}\n\nconst NO_ATTRIBUTES: EuiTableElementProps = Object.freeze({});\n\n/**\n * Splits cell props into `EuiTableRowCell` arguments and the remaining\n * DOM attributes/listeners, without changing the caller's object.\n */\nexport function splitCellProps(props: EuiTableElementProps): {\n  args: EuiTableCellArgs;\n  attributes: EuiTableElementProps;\n} {\n  const args: Record<string, unknown> = {};\n  const attributes: EuiTableElementProps = {};\n  for (const [key, value] of Object.entries(props)) {\n    if ((CELL_ARG_KEYS as readonly string[]).includes(key)) args[key] = value;\n    else attributes[key] = value;\n  }\n  return { args: args as EuiTableCellArgs, attributes };\n}\n\nexport type RowPropsCallback<T> = (item: T) => EuiTableElementProps;\nexport type CellPropsCallback<T extends object> = (\n  item: T,\n  column: EuiBasicTableColumn<T>\n) => EuiTableElementProps;\n\nconst dataTypesProfiles: Record<\n  EuiTableDataType,\n  { align: 'left' | 'right'; render: (value: any) => string }\n> = {\n  auto: {\n    align: 'left',\n    render: (value: any) => formatAuto(value)\n  },\n  string: {\n    align: 'left',\n    render: (value: any) => formatText(value) as string\n  },\n  number: {\n    align: 'right',\n    render: (value: number | null) => formatNumber(value)\n  },\n  boolean: {\n    align: 'left',\n    render: (value: boolean) => formatBoolean(value)\n  },\n  date: {\n    align: 'left',\n    render: (value: any) => formatDate(value)\n  }\n};\n\nconst DATA_TYPES = Object.keys(dataTypesProfiles);\n\nfunction profile(dataType: EuiTableDataType = 'auto') {\n  const found = dataTypesProfiles[dataType];\n  if (!found) {\n    throw new Error(\n      `Unknown dataType [${dataType}]. The supported data types are [${DATA_TYPES.join(\n        ', '\n      )}]`\n    );\n  }\n  return found;\n}\n\nexport function getRendererForDataType(dataType?: EuiTableDataType) {\n  return profile(dataType).render;\n}\n\nexport function getAlignForDataType(dataType?: EuiTableDataType) {\n  return profile(dataType).align;\n}\n\nexport function getItemId<T>(item: T, itemId?: ItemId<T>): any {\n  if (itemId) {\n    if (typeof itemId === 'function') {\n      return itemId(item);\n    }\n    return (item as Record<string | number, unknown>)[itemId];\n  }\n  return undefined;\n}\n\nexport function getRowProps<T>(\n  item: T,\n  rowProps?: EuiTableElementProps | RowPropsCallback<T>\n): EuiTableElementProps {\n  if (rowProps) {\n    if (typeof rowProps === 'function') {\n      return rowProps(item);\n    }\n    return rowProps;\n  }\n  return {};\n}\n\nexport function getCellProps<T extends object>(\n  item: T,\n  column: EuiBasicTableColumn<T>,\n  cellProps?: EuiTableElementProps | CellPropsCallback<T>\n): EuiTableElementProps {\n  if (cellProps) {\n    if (typeof cellProps === 'function') {\n      return cellProps(item, column);\n    }\n    return cellProps;\n  }\n  return {};\n}\n\n/**\n * Applies upstream's spread props to an element: `on<Event>` functions\n * become listeners, `className`/`class` add classes and the other\n * strings/numbers/booleans become attributes (`style` too). Removed when\n * the props change.\n */\nexport const elementProps = modifier(\n  (element: HTMLElement, [props]: [EuiTableElementProps | undefined]) => {\n    if (!props) return;\n    const cleanups: Array<() => void> = [];\n    for (const [key, value] of Object.entries(props)) {\n      if (value == null || value === false) continue;\n      if (/^on[A-Z]/.test(key) && typeof value === 'function') {\n        const type = key.slice(2).toLowerCase();\n        const listener = value as EventListener;\n        element.addEventListener(type, listener);\n        cleanups.push(() => element.removeEventListener(type, listener));\n      } else if (key === 'className' || key === 'class') {\n        const classes = String(value as string).split(/\\s+/).filter(Boolean);\n        element.classList.add(...classes);\n        cleanups.push(() => element.classList.remove(...classes));\n      } else if (\n        typeof value === 'string' ||\n        typeof value === 'number' ||\n        value === true\n      ) {\n        const previous = element.getAttribute(key);\n        element.setAttribute(key, value === true ? '' : String(value));\n        cleanups.push(() =>\n          previous == null\n            ? element.removeAttribute(key)\n            : element.setAttribute(key, previous)\n        );\n      }\n    }\n    return () => cleanups.forEach((cleanup) => cleanup());\n  }\n);\n"],"names":["isCustomItemAction","action","Object","prototype","hasOwnProperty","call","callWithItemIfFunction","item","prop","isComponentDefinition","value","getComponentTemplate","GlimmerComponent","resolveItemNode","fn","CELL_ARG_KEYS","COLUMN_KEYS","Set","columnCellAttributes","column","attributes","key","entries","has","NO_ATTRIBUTES","freeze","splitCellProps","props","args","includes","dataTypesProfiles","auto","align","render","formatAuto","string","formatText","number","formatNumber","boolean","formatBoolean","date","formatDate","DATA_TYPES","keys","profile","dataType","found","Error","join","getRendererForDataType","getAlignForDataType","getItemId","itemId","undefined","getRowProps","rowProps","getCellProps","cellProps","elementProps","modifier","element","cleanups","test","type","slice","toLowerCase","listener","addEventListener","push","removeEventListener","classes","String","split","filter","Boolean","classList","add","remove","previous","getAttribute","setAttribute","removeAttribute","forEach","cleanup"],"mappings":"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"}

package/dist/-private/eui-apply-props.js

@@ -0,0 +1,46 @@
+import { modifier } from 'ember-modifier';
+
+/**
+ * Props objects (`@contentProps`, `@textProps`) hold HTML attributes plus the
+ * keys the owning component consumes itself.
+ */
+
+const RESERVED = new Set(['class', 'className', 'css', 'children']);
+
+/** The classes of a props object, from `class` and `className`. */
+function propsClasses(props) {
+  if (!props) return '';
+  return [props.class, props.className].filter(Boolean).join(' ');
+}
+
+/**
+ * Applies the HTML attributes of a props hash (everything but `class`,
+ * `className` and `css`) to the element, e.g. `data-test-subj` or
+ * `aria-label`. `true` sets an empty attribute; `false`, `null` and
+ * `undefined` leave it off. Attributes it set are removed again on update.
+ */
+var euiApplyProps = modifier((element, [props]) => {
+  const applied = [];
+  if (props) {
+    for (const [key, value] of Object.entries(props)) {
+      if (RESERVED.has(key) || value === undefined || value === null || value === false) continue;
+      if (typeof value !== 'string' && typeof value !== 'number' && value !== true) continue;
+      element.setAttribute(key, value === true ? '' : String(value));
+      applied.push(key);
+    }
+  }
+  return () => {
+    for (const key of applied) element.removeAttribute(key);
+  };
+});
+
+/** Sets `min-inline-size` inline (upstream's `minWidth`): a CSS length or pixels. */
+const euiMinInlineSize = modifier((element, [value]) => {
+  const target = element;
+  if (!value) return;
+  target.style.minInlineSize = typeof value === 'number' ? `${value}px` : value;
+  return () => target.style.removeProperty('min-inline-size');
+});
+
+export { euiApplyProps as default, euiMinInlineSize, propsClasses };
+//# sourceMappingURL=eui-apply-props.js.map

package/dist/-private/eui-apply-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-apply-props.js","sources":["../../src/-private/eui-apply-props.ts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\n/**\n * Props objects (`@contentProps`, `@textProps`) hold HTML attributes plus the\n * keys the owning component consumes itself.\n */\nexport interface EuiElementProps {\n  /** Extra classes (`className` works too). */\n  class?: string;\n  className?: string;\n  /** Extra styles composed into the element's class. */\n  css?: import('../utils/eui/styles.ts').EuiCss;\n  [attribute: string]: unknown;\n}\n\nconst RESERVED = new Set(['class', 'className', 'css', 'children']);\n\n/** The classes of a props object, from `class` and `className`. */\nexport function propsClasses(props?: EuiElementProps | false): string {\n  if (!props) return '';\n  return [props.class, props.className].filter(Boolean).join(' ');\n}\n\n/**\n * Applies the HTML attributes of a props hash (everything but `class`,\n * `className` and `css`) to the element, e.g. `data-test-subj` or\n * `aria-label`. `true` sets an empty attribute; `false`, `null` and\n * `undefined` leave it off. Attributes it set are removed again on update.\n */\nexport default modifier(\n  (element: Element, [props]: [EuiElementProps | false | undefined]) => {\n    const applied: string[] = [];\n    if (props) {\n      for (const [key, value] of Object.entries(props)) {\n        if (\n          RESERVED.has(key) ||\n          value === undefined ||\n          value === null ||\n          value === false\n        )\n          continue;\n        if (\n          typeof value !== 'string' &&\n          typeof value !== 'number' &&\n          value !== true\n        )\n          continue;\n        element.setAttribute(key, value === true ? '' : String(value));\n        applied.push(key);\n      }\n    }\n    return () => {\n      for (const key of applied) element.removeAttribute(key);\n    };\n  }\n);\n\n/** Sets `min-inline-size` inline (upstream's `minWidth`): a CSS length or pixels. */\nexport const euiMinInlineSize = modifier(\n  (element: Element, [value]: [string | number | false | undefined]) => {\n    const target = element as HTMLElement;\n    if (!value) return;\n    target.style.minInlineSize =\n      typeof value === 'number' ? `${value}px` : value;\n    return () => target.style.removeProperty('min-inline-size');\n  }\n);\n"],"names":["RESERVED","Set","propsClasses","props","class","className","filter","Boolean","join","modifier","element","applied","key","value","Object","entries","has","undefined","setAttribute","String","push","removeAttribute","euiMinInlineSize","target","style","minInlineSize","removeProperty"],"mappings":";;AAEA;AACA;AACA;AACA;;AAUA,MAAMA,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;;AAEnE;AACO,SAASC,YAAYA,CAACC,KAA+B,EAAU;AACpE,EAAA,IAAI,CAACA,KAAK,EAAE,OAAO,EAAE;AACrB,EAAA,OAAO,CAACA,KAAK,CAACC,KAAK,EAAED,KAAK,CAACE,SAAS,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAeC,QAAQ,CACrB,CAACC,OAAgB,EAAE,CAACP,KAAK,CAAwC,KAAK;EACpE,MAAMQ,OAAiB,GAAG,EAAE;AAC5B,EAAA,IAAIR,KAAK,EAAE;AACT,IAAA,KAAK,MAAM,CAACS,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACZ,KAAK,CAAC,EAAE;AAChD,MAAA,IACEH,QAAQ,CAACgB,GAAG,CAACJ,GAAG,CAAC,IACjBC,KAAK,KAAKI,SAAS,IACnBJ,KAAK,KAAK,IAAI,IACdA,KAAK,KAAK,KAAK,EAEf;AACF,MAAA,IACE,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzBA,KAAK,KAAK,IAAI,EAEd;AACFH,MAAAA,OAAO,CAACQ,YAAY,CAACN,GAAG,EAAEC,KAAK,KAAK,IAAI,GAAG,EAAE,GAAGM,MAAM,CAACN,KAAK,CAAC,CAAC;AAC9DF,MAAAA,OAAO,CAACS,IAAI,CAACR,GAAG,CAAC;AACnB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,MAAM;IACX,KAAK,MAAMA,GAAG,IAAID,OAAO,EAAED,OAAO,CAACW,eAAe,CAACT,GAAG,CAAC;EACzD,CAAC;AACH,CACF,CAAC;;AAED;AACO,MAAMU,gBAAgB,GAAGb,QAAQ,CACtC,CAACC,OAAgB,EAAE,CAACG,KAAK,CAAwC,KAAK;EACpE,MAAMU,MAAM,GAAGb,OAAsB;EACrC,IAAI,CAACG,KAAK,EAAE;AACZU,EAAAA,MAAM,CAACC,KAAK,CAACC,aAAa,GACxB,OAAOZ,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAGA,KAAK,CAAA,EAAA,CAAI,GAAGA,KAAK;EAClD,OAAO,MAAMU,MAAM,CAACC,KAAK,CAACE,cAAc,CAAC,iBAAiB,CAAC;AAC7D,CACF;;"}

package/dist/-private/eui-button-context.js

@@ -0,0 +1,42 @@
+/*
+ * Ported from @elastic/eui 123.1.0 `components/button/button_context.tsx` and
+ * `components/button/use_button_common_props.ts`.
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under
+ * one or more contributor license agreements. Licensed under the Elastic
+ * License 2.0 or the Server Side Public License, v 1; see vendor/eui-latest.
+ */
+
+/**
+ * Button props cascaded from a parent (upstream `EuiButtonContext`). An
+ * `EuiButtonGroup` with a block yields `EuiButton`, `EuiButtonEmpty` and
+ * `EuiButtonIcon` curried with this as their private `@buttonContext`.
+ *
+ * Context values take precedence over the same argument passed directly,
+ * except `isDisabled`/`hasAriaDisabled`, which are only ever `true` (never
+ * `false`), so a group never enables a manually disabled child.
+ */
+
+/**
+ * Upstream `useEuiButtonCommonProps`: resolves inherited props from the
+ * button context and computes the disabled state (`isDisabled`, `disabled`
+ * or `isLoading`; Ember EUI does not validate `@href`).
+ */
+function resolveButtonCommonProps(input) {
+  const context = input.context ?? {};
+  const isDisabled = Boolean(input.isLoading || (context.isDisabled ?? input.isDisabled) || input.disabled);
+  const selection = input.id != null ? context.getSelectionProps?.(input.id, isDisabled) : undefined;
+  return {
+    size: context.size ?? input.size,
+    color: context.color ?? input.color,
+    isDisabled,
+    hasAriaDisabled: Boolean(context.hasAriaDisabled ?? input.hasAriaDisabled),
+    fullWidth: context.fullWidth ?? input.fullWidth,
+    display: context.display ?? selection?.display ?? input.display,
+    fill: selection?.fill !== undefined ? selection.fill : context.fill !== undefined ? context.fill : input.fill,
+    isSelected: selection?.isSelected ?? input.isSelected,
+    onSelect: selection?.onSelect
+  };
+}
+
+export { resolveButtonCommonProps };
+//# sourceMappingURL=eui-button-context.js.map

package/dist/-private/eui-button-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-button-context.js","sources":["../../src/-private/eui-button-context.ts"],"sourcesContent":["/*\n * Ported from @elastic/eui 123.1.0 `components/button/button_context.tsx` and\n * `components/button/use_button_common_props.ts`.\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under\n * one or more contributor license agreements. Licensed under the Elastic\n * License 2.0 or the Server Side Public License, v 1; see vendor/eui-latest.\n */\n\nexport interface EuiButtonSelectionProps {\n  isSelected: boolean;\n  fill: boolean;\n  display?: 'fill' | 'base';\n  onSelect: () => void;\n}\n\n/**\n * Button props cascaded from a parent (upstream `EuiButtonContext`). An\n * `EuiButtonGroup` with a block yields `EuiButton`, `EuiButtonEmpty` and\n * `EuiButtonIcon` curried with this as their private `@buttonContext`.\n *\n * Context values take precedence over the same argument passed directly,\n * except `isDisabled`/`hasAriaDisabled`, which are only ever `true` (never\n * `false`), so a group never enables a manually disabled child.\n */\nexport interface EuiButtonContext {\n  readonly color?: string;\n  readonly size?: 's' | 'm';\n  readonly isDisabled?: true;\n  readonly hasAriaDisabled?: true;\n  readonly fullWidth?: boolean;\n  readonly display?: 'base' | 'fill' | 'empty';\n  readonly fill?: boolean;\n  /** Set by `@variant=\"selection\"` groups to resolve each button's selected state. */\n  readonly getSelectionProps?: (\n    id: string,\n    isDisabled?: boolean\n  ) => EuiButtonSelectionProps;\n  /**\n   * @private Ember only: wrap the button in an `.euiButtonGroup__item`\n   * element (upstream's group wraps its children itself).\n   */\n  readonly wrapInItem?: boolean;\n}\n\ninterface CommonPropsInput {\n  context: EuiButtonContext | undefined;\n  size?: string;\n  color?: string;\n  isDisabled?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  hasAriaDisabled?: boolean;\n  fullWidth?: boolean;\n  fill?: boolean;\n  display?: string;\n  id?: string;\n  isSelected?: boolean;\n}\n\nexport interface EuiButtonCommonProps {\n  size: string | undefined;\n  color: string | undefined;\n  isDisabled: boolean;\n  hasAriaDisabled: boolean;\n  fullWidth: boolean | undefined;\n  fill: boolean | undefined;\n  display: string | undefined;\n  isSelected: boolean | undefined;\n  /** The group's selection callback, run on click before the button's own handlers. */\n  onSelect: (() => void) | undefined;\n}\n\n/**\n * Upstream `useEuiButtonCommonProps`: resolves inherited props from the\n * button context and computes the disabled state (`isDisabled`, `disabled`\n * or `isLoading`; Ember EUI does not validate `@href`).\n */\nexport function resolveButtonCommonProps(\n  input: CommonPropsInput\n): EuiButtonCommonProps {\n  const context = input.context ?? {};\n  const isDisabled = Boolean(\n    input.isLoading ||\n      (context.isDisabled ?? input.isDisabled) ||\n      input.disabled\n  );\n  const selection =\n    input.id != null\n      ? context.getSelectionProps?.(input.id, isDisabled)\n      : undefined;\n\n  return {\n    size: context.size ?? input.size,\n    color: context.color ?? input.color,\n    isDisabled,\n    hasAriaDisabled: Boolean(context.hasAriaDisabled ?? input.hasAriaDisabled),\n    fullWidth: context.fullWidth ?? input.fullWidth,\n    display: context.display ?? selection?.display ?? input.display,\n    fill:\n      selection?.fill !== undefined\n        ? selection.fill\n        : context.fill !== undefined\n          ? context.fill\n          : input.fill,\n    isSelected: selection?.isSelected ?? input.isSelected,\n    onSelect: selection?.onSelect\n  };\n}\n"],"names":["resolveButtonCommonProps","input","context","isDisabled","Boolean","isLoading","disabled","selection","id","getSelectionProps","undefined","size","color","hasAriaDisabled","fullWidth","display","fill","isSelected","onSelect"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiDA;AACA;AACA;AACA;AACA;AACO,SAASA,wBAAwBA,CACtCC,KAAuB,EACD;AACtB,EAAA,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO,IAAI,EAAE;EACnC,MAAMC,UAAU,GAAGC,OAAO,CACxBH,KAAK,CAACI,SAAS,KACZH,OAAO,CAACC,UAAU,IAAIF,KAAK,CAACE,UAAU,CAAC,IACxCF,KAAK,CAACK,QACV,CAAC;AACD,EAAA,MAAMC,SAAS,GACbN,KAAK,CAACO,EAAE,IAAI,IAAI,GACZN,OAAO,CAACO,iBAAiB,GAAGR,KAAK,CAACO,EAAE,EAAEL,UAAU,CAAC,GACjDO,SAAS;EAEf,OAAO;AACLC,IAAAA,IAAI,EAAET,OAAO,CAACS,IAAI,IAAIV,KAAK,CAACU,IAAI;AAChCC,IAAAA,KAAK,EAAEV,OAAO,CAACU,KAAK,IAAIX,KAAK,CAACW,KAAK;IACnCT,UAAU;IACVU,eAAe,EAAET,OAAO,CAACF,OAAO,CAACW,eAAe,IAAIZ,KAAK,CAACY,eAAe,CAAC;AAC1EC,IAAAA,SAAS,EAAEZ,OAAO,CAACY,SAAS,IAAIb,KAAK,CAACa,SAAS;IAC/CC,OAAO,EAAEb,OAAO,CAACa,OAAO,IAAIR,SAAS,EAAEQ,OAAO,IAAId,KAAK,CAACc,OAAO;IAC/DC,IAAI,EACFT,SAAS,EAAES,IAAI,KAAKN,SAAS,GACzBH,SAAS,CAACS,IAAI,GACdd,OAAO,CAACc,IAAI,KAAKN,SAAS,GACxBR,OAAO,CAACc,IAAI,GACZf,KAAK,CAACe,IAAI;AAClBC,IAAAA,UAAU,EAAEV,SAAS,EAAEU,UAAU,IAAIhB,KAAK,CAACgB,UAAU;IACrDC,QAAQ,EAAEX,SAAS,EAAEW;GACtB;AACH;;"}

package/dist/-private/eui-button-group-item.js

@@ -0,0 +1,15 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/**
+ * Upstream's segmented and selection `EuiButtonGroup` wraps each child in a
+ * `.euiButtonGroup__item` element for its inset styles. A block cannot wrap
+ * its children, so the buttons a group yields render the wrapper themselves.
+ */
+const EuiButtonGroupItem = setComponentTemplate(precompileTemplate("{{#if @wrap}}\n  <div class=\"euiButtonGroup__item\">{{yield}}</div>\n{{else}}\n  {{yield}}\n{{/if}}", {
+  strictMode: true
+}), templateOnly());
+
+export { EuiButtonGroupItem as default };
+//# sourceMappingURL=eui-button-group-item.js.map

package/dist/-private/eui-button-group-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-button-group-item.js","sources":["../../src/-private/eui-button-group-item.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\ninterface EuiButtonGroupItemSignature {\n  Args: { wrap: boolean | undefined };\n  Blocks: { default: [] };\n}\n\n/**\n * Upstream's segmented and selection `EuiButtonGroup` wraps each child in a\n * `.euiButtonGroup__item` element for its inset styles. A block cannot wrap\n * its children, so the buttons a group yields render the wrapper themselves.\n */\nconst EuiButtonGroupItem: TOC<EuiButtonGroupItemSignature> = <template>\n  {{#if @wrap}}\n    <div class=\"euiButtonGroup__item\">{{yield}}</div>\n  {{else}}\n    {{yield}}\n  {{/if}}\n</template>;\n\nexport default EuiButtonGroupItem;\n"],"names":["EuiButtonGroupItem","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAOA;;;;AAIC;AACD,MAAMA,kBAAwB,GAAAC,oBAAA,CAA+BC,kBAAA,CAAA,sGAAA,EAM7D;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/-private/eui-comment-item.js

@@ -0,0 +1,179 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.js';
+import { e as euiBorderColor, a as euiTimelineItemStyles, b as euiTimelineItemEventStyles, c as euiTimelineItemIconStyles, d as euiCommentEventStyles, f as euiCommentEventHeaderStyles, g as euiCommentEventBodyStyles } from '../styles.generated-SYAxYhey.js';
+import EuiAvatar from '../components/eui-avatar.js';
+import EuiCommentTimeline from '../components/eui-comment-timeline.js';
+import EuiPanel from '../components/eui-panel.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { n } from 'decorator-transforms/runtime-esm';
+
+/** Theme-less upstream factories (static, shared by every comment). */const ITEM_STYLES = euiTimelineItemStyles();
+const ITEM_EVENT_STYLES = euiTimelineItemEventStyles();
+const NO_BORDER = {
+  border: 'none'
+};
+/**
+ * @private The timeline item (upstream `EuiTimelineItem` + `EuiCommentEvent`)
+ * behind EuiComment, which passes which blocks it was given.
+ */
+class EuiCommentItem extends Component {
+  get context() {
+    return getEuiThemeContext(this);
+  }
+  /** Upstream `EuiCommentEvent` branching. */
+  get type() {
+    const hasBody = this.args.hasBody;
+    const hasEventElements = Boolean(this.args.hasEventElements);
+    if (hasBody && hasEventElements) return 'regular';
+    if (!hasBody && hasEventElements) return 'update';
+    return 'custom';
+  }
+  get eventColor() {
+    const color = this.args.eventColor;
+    if (color) return color;
+    if (this.type === 'regular') return 'highlighted';
+    if (this.type === 'update') return 'transparent';
+    return undefined;
+  }
+  get verticalAlign() {
+    return this.args.verticalAlign ?? (this.args.hasBody ? 'top' : 'center');
+  }
+  get isFigure() {
+    return this.type === 'regular';
+  }
+  get panelColor() {
+    return this.type === 'custom' ? 'transparent' : this.eventColor;
+  }
+  get panelPadding() {
+    return this.type === 'custom' ? 'none' : 's';
+  }
+  get panelRadius() {
+    return this.type === 'regular' ? 'none' : 'm';
+  }
+  /** Upstream `EuiTimelineItem` (`li`), labelled `euiTimelineItem-<align>`. */
+  get itemClass() {
+    return euiClass(this.context, ITEM_STYLES.euiTimelineItem, ITEM_STYLES[this.verticalAlign]);
+  }
+  static {
+    n(this.prototype, "itemClass", [cached]);
+  }
+  get iconClass() {
+    const styles = useEuiBorealisStyles(this.context, euiTimelineItemIconStyles);
+    return euiClass(this.context, styles.euiTimelineItemIcon, styles[this.verticalAlign]);
+  }
+  static {
+    n(this.prototype, "iconClass", [cached]);
+  }
+  get iconContentClass() {
+    const styles = useEuiBorealisStyles(this.context, euiTimelineItemIconStyles);
+    return euiClass(this.context, styles.euiTimelineItemIcon__content);
+  }
+  static {
+    n(this.prototype, "iconContentClass", [cached]);
+  }
+  get eventWrapperClass() {
+    return euiClass(this.context, ITEM_EVENT_STYLES.euiTimelineItemEvent, ITEM_EVENT_STYLES[this.verticalAlign]);
+  }
+  static {
+    n(this.prototype, "eventWrapperClass", [cached]);
+  }
+  get borderColor() {
+    const color = this.eventColor;
+    return euiBorderColor(this.context.upstream, color === 'highlighted' ? 'subdued' : color ?? 'transparent');
+  }
+  get eventClass() {
+    const styles = useEuiBorealisStyles(this.context, euiCommentEventStyles);
+    const showBorders = this.type === 'regular' || this.type === 'update' && Boolean(this.context.upstream.highContrastMode);
+    return euiClass(this.context,
+    // Reset for the `<figure>` (React's global reset zeroes its margin).
+    {
+      boxSizing: 'border-box',
+      margin: 0
+    }, styles.euiCommentEvent, showBorders && styles.border, showBorders && {
+      borderColor: this.borderColor
+    });
+  }
+  static {
+    n(this.prototype, "eventClass", [cached]);
+  }
+  get headerStyles() {
+    return useEuiBorealisStyles(this.context, euiCommentEventHeaderStyles);
+  }
+  static {
+    n(this.prototype, "headerStyles", [cached]);
+  }
+  get headerClass() {
+    const styles = this.headerStyles;
+    const showBorders = this.type === 'regular';
+    return euiClass(this.context, styles.euiCommentEvent__header, showBorders && styles.border, showBorders && {
+      borderColor: this.borderColor
+    });
+  }
+  static {
+    n(this.prototype, "headerClass", [cached]);
+  }
+  get headerMainClass() {
+    return euiClass(this.context, this.headerStyles.euiCommentEvent__headerMain);
+  }
+  static {
+    n(this.prototype, "headerMainClass", [cached]);
+  }
+  get headerDataClass() {
+    return euiClass(this.context, this.headerStyles.euiCommentEvent__headerData);
+  }
+  static {
+    n(this.prototype, "headerDataClass", [cached]);
+  }
+  get usernameClass() {
+    return euiClass(this.context, this.headerStyles.euiCommentEvent__headerUsername);
+  }
+  static {
+    n(this.prototype, "usernameClass", [cached]);
+  }
+  get headerEventClass() {
+    return euiClass(this.context, this.headerStyles.euiCommentEvent__headerEvent);
+  }
+  static {
+    n(this.prototype, "headerEventClass", [cached]);
+  }
+  get actionsClass() {
+    return euiClass(this.context, this.headerStyles.euiCommentEvent__headerActions);
+  }
+  static {
+    n(this.prototype, "actionsClass", [cached]);
+  }
+  get bodyClass() {
+    const styles = useEuiBorealisStyles(this.context, euiCommentEventBodyStyles);
+    return euiClass(this.context, styles.euiCommentEvent__body, styles[this.type]);
+  }
+  /**
+  * Upstream removes the header panel's high contrast border (`& > .euiPanel`
+  * in the header styles; Ember's panel root class differs), here through
+  * the panel's own `@css`.
+  */
+  static {
+    n(this.prototype, "bodyClass", [cached]);
+  }
+  get panelCss() {
+    return this.context.upstream.highContrastMode ? NO_BORDER : undefined;
+  }
+  get eventIconAriaHidden() {
+    return this.args.eventIconAriaLabel ? undefined : 'true';
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<li class=\"euiComment {{this.itemClass}}\" ...attributes>\n  <div class={{this.iconClass}}>\n    <div class={{this.iconContentClass}}>\n      {{#if @hasTimelineIcon}}\n        <EuiCommentTimeline>\n          <:timelineIcon>{{yield to=\"timelineIcon\"}}</:timelineIcon>\n        </EuiCommentTimeline>\n      {{else}}\n        <EuiCommentTimeline @timelineIcon={{@timelineIcon}} @timelineAvatarAriaLabel={{@timelineAvatarAriaLabel}} />\n      {{/if}}\n    </div>\n  </div>\n  <div class={{this.eventWrapperClass}}>\n    {{#let (element (if this.isFigure \"figure\" \"div\")) (element (if this.isFigure \"figcaption\" \"div\")) as |Event Header|}}\n      <Event class=\"euiCommentEvent {{this.eventClass}}\" data-type={{this.type}}>\n        {{#if @hasEventElements}}\n          <Header class=\"euiCommentEvent__header {{this.headerClass}}\">\n            <EuiPanel @color={{this.panelColor}} @paddingSize={{this.panelPadding}} @borderRadius={{this.panelRadius}} @hasShadow={{false}} @hasBorder={{false}} @css={{this.panelCss}}>\n              <div class=\"euiCommentEvent__headerMain {{this.headerMainClass}}\">\n                <div class=\"euiCommentEvent__headerData {{this.headerDataClass}}\">\n                  {{#if @eventIcon}}\n                    <EuiAvatar class=\"euiCommentEvent__headerEventIcon\" @css={{this.headerStyles.euiCommentEvent__headerEventIcon}} @size=\"s\" @iconType={{@eventIcon}} @name={{if @eventIconAriaLabel @eventIconAriaLabel \"\"}} @color=\"subdued\" aria-hidden={{this.eventIconAriaHidden}} />\n                  {{/if}}\n                  {{#if @hasUsername}}\n                    <div class=\"euiCommentEvent__headerUsername {{this.usernameClass}}\">{{yield to=\"username\"}}</div>\n                  {{/if}}\n                  {{#if @hasEvent}}\n                    <div class=\"euiCommentEvent__headerEvent {{this.headerEventClass}}\">{{yield to=\"event\"}}</div>\n                  {{/if}}\n                  {{#if @hasTimestamp}}\n                    <div class=\"euiCommentEvent__headerTimestamp\">\n                      <time>{{yield to=\"timestamp\"}}</time>\n                    </div>\n                  {{/if}}\n                </div>\n                {{#if @hasActions}}\n                  <div class=\"euiCommentEvent__headerActions {{this.actionsClass}}\">{{yield to=\"actions\"}}</div>\n                {{/if}}\n              </div>\n            </EuiPanel>\n          </Header>\n        {{/if}}\n        {{#if @hasBody}}\n          <div class=\"euiCommentEvent__body {{this.bodyClass}}\">\n            {{yield to=\"body\"}}\n          </div>\n        {{/if}}\n      </Event>\n    {{/let}}\n  </div>\n</li>", {
+      strictMode: true,
+      scope: () => ({
+        EuiCommentTimeline,
+        EuiPanel,
+        EuiAvatar
+      })
+    }), this);
+  }
+}
+
+export { EuiCommentItem };
+//# sourceMappingURL=eui-comment-item.js.map

package/dist/-private/eui-comment-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-comment-item.js","sources":["../../src/-private/eui-comment-item.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 {\n  euiBorderColor,\n  euiCommentEventBodyStyles,\n  euiCommentEventHeaderStyles,\n  euiCommentEventStyles,\n  euiTimelineItemEventStyles,\n  euiTimelineItemIconStyles,\n  euiTimelineItemStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiAvatar from '../components/eui-avatar.gts';\nimport EuiCommentTimeline from '../components/eui-comment-timeline.gts';\nimport EuiPanel from '../components/eui-panel.gts';\n\nimport type { EuiPanelSignature } from '../components/eui-panel';\n\nimport type {\n  EuiCommentEventColor,\n  EuiCommentSignature\n} from '../components/eui-comment.gts';\n\ntype EuiCommentType = 'regular' | 'update' | 'custom';\n\n/** Theme-less upstream factories (static, shared by every comment). */\nconst ITEM_STYLES = euiTimelineItemStyles();\nconst ITEM_EVENT_STYLES = euiTimelineItemEventStyles();\nconst NO_BORDER = { border: 'none' } as const;\n\ninterface CommentItemSignature {\n  Element: HTMLLIElement;\n  Args: EuiCommentSignature['Args'] & {\n    hasBody: boolean;\n    /** Truthy when the header has more than a username (upstream). */\n    hasEventElements: unknown;\n    hasTimelineIcon: boolean;\n    hasUsername: boolean;\n    hasEvent: boolean;\n    hasTimestamp: boolean;\n    hasActions: boolean;\n  };\n  Blocks: EuiCommentSignature['Blocks'];\n}\n\n/**\n * @private The timeline item (upstream `EuiTimelineItem` + `EuiCommentEvent`)\n * behind EuiComment, which passes which blocks it was given.\n */\nexport class EuiCommentItem extends Component<CommentItemSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  /** Upstream `EuiCommentEvent` branching. */\n  get type(): EuiCommentType {\n    const hasBody = this.args.hasBody;\n    const hasEventElements = Boolean(this.args.hasEventElements);\n    if (hasBody && hasEventElements) return 'regular';\n    if (!hasBody && hasEventElements) return 'update';\n    return 'custom';\n  }\n\n  get eventColor(): EuiCommentEventColor | undefined {\n    const color = this.args.eventColor;\n    if (color) return color;\n    if (this.type === 'regular') return 'highlighted';\n    if (this.type === 'update') return 'transparent';\n    return undefined;\n  }\n\n  get verticalAlign(): 'center' | 'top' {\n    return this.args.verticalAlign ?? (this.args.hasBody ? 'top' : 'center');\n  }\n\n  get isFigure(): boolean {\n    return this.type === 'regular';\n  }\n\n  get panelColor() {\n    return (\n      this.type === 'custom' ? 'transparent' : this.eventColor\n    ) as EuiPanelSignature['Args']['color'];\n  }\n\n  get panelPadding(): 'none' | 's' {\n    return this.type === 'custom' ? 'none' : 's';\n  }\n\n  get panelRadius(): 'none' | 'm' {\n    return this.type === 'regular' ? 'none' : 'm';\n  }\n\n  /** Upstream `EuiTimelineItem` (`li`), labelled `euiTimelineItem-<align>`. */\n  @cached\n  get itemClass(): string {\n    return euiClass(\n      this.context,\n      ITEM_STYLES.euiTimelineItem,\n      ITEM_STYLES[this.verticalAlign]\n    );\n  }\n\n  @cached\n  get iconClass(): string {\n    const styles = useEuiBorealisStyles(this.context, euiTimelineItemIconStyles);\n    return euiClass(\n      this.context,\n      styles.euiTimelineItemIcon,\n      styles[this.verticalAlign]\n    );\n  }\n\n  @cached\n  get iconContentClass(): string {\n    const styles = useEuiBorealisStyles(this.context, euiTimelineItemIconStyles);\n    return euiClass(this.context, styles.euiTimelineItemIcon__content);\n  }\n\n  @cached\n  get eventWrapperClass(): string {\n    return euiClass(\n      this.context,\n      ITEM_EVENT_STYLES.euiTimelineItemEvent,\n      ITEM_EVENT_STYLES[this.verticalAlign]\n    );\n  }\n\n  get borderColor() {\n    const color = this.eventColor;\n    return euiBorderColor(\n      this.context.upstream,\n      color === 'highlighted' ? 'subdued' : (color ?? 'transparent')\n    );\n  }\n\n  @cached\n  get eventClass(): string {\n    const styles = useEuiBorealisStyles(this.context, euiCommentEventStyles);\n    const showBorders =\n      this.type === 'regular' ||\n      (this.type === 'update' && Boolean(this.context.upstream.highContrastMode));\n    return euiClass(\n      this.context,\n      // Reset for the `<figure>` (React's global reset zeroes its margin).\n      { boxSizing: 'border-box', margin: 0 },\n      styles.euiCommentEvent,\n      showBorders && styles.border,\n      showBorders && { borderColor: this.borderColor }\n    );\n  }\n\n  @cached\n  get headerStyles() {\n    return useEuiBorealisStyles(this.context, euiCommentEventHeaderStyles);\n  }\n\n  @cached\n  get headerClass(): string {\n    const styles = this.headerStyles;\n    const showBorders = this.type === 'regular';\n    return euiClass(\n      this.context,\n      styles.euiCommentEvent__header,\n      showBorders && styles.border,\n      showBorders && { borderColor: this.borderColor }\n    );\n  }\n\n  @cached\n  get headerMainClass(): string {\n    return euiClass(this.context, this.headerStyles.euiCommentEvent__headerMain);\n  }\n\n  @cached\n  get headerDataClass(): string {\n    return euiClass(this.context, this.headerStyles.euiCommentEvent__headerData);\n  }\n\n  @cached\n  get usernameClass(): string {\n    return euiClass(\n      this.context,\n      this.headerStyles.euiCommentEvent__headerUsername\n    );\n  }\n\n  @cached\n  get headerEventClass(): string {\n    return euiClass(this.context, this.headerStyles.euiCommentEvent__headerEvent);\n  }\n\n  @cached\n  get actionsClass(): string {\n    return euiClass(\n      this.context,\n      this.headerStyles.euiCommentEvent__headerActions\n    );\n  }\n\n  @cached\n  get bodyClass(): string {\n    const styles = useEuiBorealisStyles(this.context, euiCommentEventBodyStyles);\n    return euiClass(\n      this.context,\n      styles.euiCommentEvent__body,\n      styles[this.type]\n    );\n  }\n\n  /**\n   * Upstream removes the header panel's high contrast border (`& > .euiPanel`\n   * in the header styles; Ember's panel root class differs), here through\n   * the panel's own `@css`.\n   */\n  get panelCss() {\n    return this.context.upstream.highContrastMode ? NO_BORDER : undefined;\n  }\n\n  get eventIconAriaHidden(): 'true' | undefined {\n    return this.args.eventIconAriaLabel ? undefined : 'true';\n  }\n\n  <template>\n    <li class=\"euiComment {{this.itemClass}}\" ...attributes>\n      <div class={{this.iconClass}}>\n        <div class={{this.iconContentClass}}>\n          {{#if @hasTimelineIcon}}\n            <EuiCommentTimeline>\n              <:timelineIcon>{{yield to=\"timelineIcon\"}}</:timelineIcon>\n            </EuiCommentTimeline>\n          {{else}}\n            <EuiCommentTimeline\n              @timelineIcon={{@timelineIcon}}\n              @timelineAvatarAriaLabel={{@timelineAvatarAriaLabel}}\n            />\n          {{/if}}\n        </div>\n      </div>\n      <div class={{this.eventWrapperClass}}>\n        {{#let\n          (element (if this.isFigure \"figure\" \"div\"))\n          (element (if this.isFigure \"figcaption\" \"div\"))\n          as |Event Header|\n        }}\n          <Event\n            class=\"euiCommentEvent {{this.eventClass}}\"\n            data-type={{this.type}}\n          >\n            {{#if @hasEventElements}}\n              <Header class=\"euiCommentEvent__header {{this.headerClass}}\">\n                <EuiPanel\n                  @color={{this.panelColor}}\n                  @paddingSize={{this.panelPadding}}\n                  @borderRadius={{this.panelRadius}}\n                  @hasShadow={{false}}\n                  @hasBorder={{false}}\n                  @css={{this.panelCss}}\n                >\n                  <div\n                    class=\"euiCommentEvent__headerMain {{this.headerMainClass}}\"\n                  >\n                    <div\n                      class=\"euiCommentEvent__headerData {{this.headerDataClass}}\"\n                    >\n                      {{#if @eventIcon}}\n                        <EuiAvatar\n                          class=\"euiCommentEvent__headerEventIcon\"\n                          @css={{this.headerStyles.euiCommentEvent__headerEventIcon}}\n                          @size=\"s\"\n                          @iconType={{@eventIcon}}\n                          @name={{if @eventIconAriaLabel @eventIconAriaLabel \"\"}}\n                          @color=\"subdued\"\n                          aria-hidden={{this.eventIconAriaHidden}}\n                        />\n                      {{/if}}\n                      {{#if @hasUsername}}\n                        <div\n                          class=\"euiCommentEvent__headerUsername {{this.usernameClass}}\"\n                        >{{yield to=\"username\"}}</div>\n                      {{/if}}\n                      {{#if @hasEvent}}\n                        <div\n                          class=\"euiCommentEvent__headerEvent {{this.headerEventClass}}\"\n                        >{{yield to=\"event\"}}</div>\n                      {{/if}}\n                      {{#if @hasTimestamp}}\n                        <div class=\"euiCommentEvent__headerTimestamp\">\n                          <time>{{yield to=\"timestamp\"}}</time>\n                        </div>\n                      {{/if}}\n                    </div>\n                    {{#if @hasActions}}\n                      <div\n                        class=\"euiCommentEvent__headerActions {{this.actionsClass}}\"\n                      >{{yield to=\"actions\"}}</div>\n                    {{/if}}\n                  </div>\n                </EuiPanel>\n              </Header>\n            {{/if}}\n            {{#if @hasBody}}\n              <div class=\"euiCommentEvent__body {{this.bodyClass}}\">\n                {{yield to=\"body\"}}\n              </div>\n            {{/if}}\n          </Event>\n        {{/let}}\n      </div>\n    </li>\n  </template>\n}\n\n"],"names":["ITEM_STYLES","euiTimelineItemStyles","ITEM_EVENT_STYLES","euiTimelineItemEventStyles","NO_BORDER","border","EuiCommentItem","Component","context","getEuiThemeContext","type","hasBody","args","hasEventElements","Boolean","eventColor","color","undefined","verticalAlign","isFigure","panelColor","panelPadding","panelRadius","itemClass","euiClass","euiTimelineItem","n","prototype","cached","iconClass","styles","useEuiBorealisStyles","euiTimelineItemIconStyles","euiTimelineItemIcon","iconContentClass","euiTimelineItemIcon__content","eventWrapperClass","euiTimelineItemEvent","borderColor","euiBorderColor","upstream","eventClass","euiCommentEventStyles","showBorders","highContrastMode","boxSizing","margin","euiCommentEvent","headerStyles","euiCommentEventHeaderStyles","headerClass","euiCommentEvent__header","headerMainClass","euiCommentEvent__headerMain","headerDataClass","euiCommentEvent__headerData","usernameClass","euiCommentEvent__headerUsername","headerEventClass","euiCommentEvent__headerEvent","actionsClass","euiCommentEvent__headerActions","bodyClass","euiCommentEventBodyStyles","euiCommentEvent__body","panelCss","eventIconAriaHidden","eventIconAriaLabel","setComponentTemplate","precompileTemplate","strictMode","scope","EuiCommentTimeline","EuiPanel","EuiAvatar"],"mappings":"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"}