@epam/ai-dial-ui-kit 0.16.0-dev.5 → 0.16.0-dev.51

package/dist/components/FileName/FileName.js

@@ -1,68 +0,0 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { mergeClasses as N } from "../../utils/merge-classes.js";
-import { DialFileIcon as u } from "../FileIcon/FileIcon.js";
-import { DialSharedEntityIndicator as y } from "../SharedEntityIndicator/SharedEntityIndicator.js";
-import { DialEllipsisTooltip as w } from "../EllipsisTooltip/EllipsisTooltip.js";
-import { BASE_ICON_SIZE as D } from "../../constants/icon.js";
-import t from "classnames";
-const S = ({
-  name: e,
-  className: o,
-  shared: a = !1,
-  iconSize: r = D,
-  details: i,
-  sharedIndicatorClassName: m,
-  sharedIndicatorTooltip: c,
-  fileExtension: n,
-  hideTooltip: p = !1,
-  isInvalidName: f = !1,
-  tooltipContent: x
-}) => {
-  const d = n || (e.includes(".") ? e.split(".").pop() : void 0);
-  return /* @__PURE__ */ s("div", { className: N("flex items-center gap-2 w-full", o), children: [
-    /* @__PURE__ */ l(
-      u,
-      {
-        extension: d,
-        size: r,
-        className: "text-secondary",
-        indicator: a ? /* @__PURE__ */ l(
-          y,
-          {
-            className: m,
-            sharedIndicatorTooltip: c
-          }
-        ) : null,
-        label: "File type icon"
-      }
-    ),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: t([
-          "w-full flex min-w-0",
-          i && "flex-col gap-1"
-        ]),
-        children: [
-          /* @__PURE__ */ l(
-            w,
-            {
-              className: t([
-                "dial-small-text flex-1 min-w-0",
-                f ? "text-secondary" : "text-primary"
-              ]),
-              text: e,
-              id: "name",
-              hideTooltip: p,
-              customTooltipContent: x
-            }
-          ),
-          i
-        ]
-      }
-    )
-  ] });
-};
-export {
-  S as DialFileName
-};

package/dist/components/FolderName/FolderName.js

@@ -1,57 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { mergeClasses as d } from "../../utils/merge-classes.js";
-import { DialSharedEntityIndicator as x } from "../SharedEntityIndicator/SharedEntityIndicator.js";
-import { DialEllipsisTooltip as N } from "../EllipsisTooltip/EllipsisTooltip.js";
-import { DialIcon as I } from "../Icon/Icon.js";
-import { BASE_ICON_SIZE as u, BASE_ICON_PROPS as g } from "../../constants/icon.js";
-import { IconFolder as D } from "@tabler/icons-react";
-import { DialLoader as E } from "../Loader/Loader.js";
-import h from "classnames";
-const z = ({
-  name: r,
-  className: t,
-  shared: a = !1,
-  loading: i = !1,
-  iconSize: l = u,
-  sharedIndicatorClassName: s,
-  sharedIndicatorTooltip: m,
-  hideTooltip: n = !1,
-  isInvalidName: c = !1,
-  tooltipContent: f
-}) => {
-  const p = () => i ? /* @__PURE__ */ e(E, { size: l }) : /* @__PURE__ */ e(
-    I,
-    {
-      icon: /* @__PURE__ */ e(D, { ...g, size: l }),
-      className: "inline-block align-middle"
-    }
-  );
-  return /* @__PURE__ */ o("div", { className: d("flex items-center gap-2 w-full", t), children: [
-    /* @__PURE__ */ o("span", { className: "inline-flex relative text-secondary", role: "img", children: [
-      p(),
-      a && /* @__PURE__ */ e("span", { className: "absolute z-50 -bottom-0.5 -left-0.5", children: /* @__PURE__ */ e(
-        x,
-        {
-          className: s,
-          sharedIndicatorTooltip: m
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e(
-      N,
-      {
-        className: h(
-          "dial-small-text flex-1 min-w-0",
-          c ? "text-secondary" : "text-primary"
-        ),
-        text: r,
-        id: "name",
-        hideTooltip: n,
-        customTooltipContent: f
-      }
-    )
-  ] });
-};
-export {
-  z as DialFolderName
-};

package/dist/components/FormItem/FormItem.js

@@ -1,90 +0,0 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { useCallback as y } from "react";
-import { DialErrorText as F } from "../CaptionText/CaptionText.js";
-import { DialLabel as k } from "../Label/Label.js";
-import { FormItemOrientation as w } from "../../types/form-item.js";
-import { orientationClassMap as C, containerBaseClassName as V } from "./constants.js";
-import { mergeClasses as t } from "../../utils/merge-classes.js";
-const A = ({
-  id: n,
-  label: o,
-  required: h,
-  description: s,
-  error: e,
-  orientation: d = w.Vertical,
-  labelVisuallyHidden: u = !1,
-  className: b,
-  labelClassName: x,
-  errorClassName: l,
-  childrenClassName: N,
-  captionDescription: c,
-  readonly: v,
-  value: r,
-  defaultEmptyText: m,
-  children: I
-}) => {
-  const p = `${n}-label`, g = s ? `${n}-desc` : void 0, a = e ? `${n}-err` : void 0, $ = `${n}-caption-desc`, j = [g, a].filter(Boolean).join(" ") || void 0, B = y(() => typeof e == "boolean" ? null : typeof e == "string" || typeof e > "u" ? e ? /* @__PURE__ */ i("div", { id: a, "aria-live": "polite", className: l, children: /* @__PURE__ */ i(F, { text: e }) }) : null : /* @__PURE__ */ i(
-    "div",
-    {
-      id: a,
-      role: "alert",
-      "aria-live": "polite",
-      className: l,
-      children: e
-    }
-  ), [e, l, a]), D = y(() => r ? typeof r == "string" || typeof r == "number" ? /* @__PURE__ */ i("span", { "aria-readonly": "true", children: r }) : r : /* @__PURE__ */ i("span", { className: "flex min-h-4", "aria-readonly": "true", children: m ?? "None" }), [r, m]);
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      role: "group",
-      "aria-labelledby": o ? p : void 0,
-      "aria-describedby": j,
-      className: t(
-        V,
-        C[d],
-        "gap-3",
-        b
-      ),
-      children: [
-        o && /* @__PURE__ */ i(
-          "div",
-          {
-            id: p,
-            className: t(d === "horizontal" && "shrink-0"),
-            children: /* @__PURE__ */ i(
-              k,
-              {
-                htmlFor: n,
-                label: o,
-                required: h,
-                className: t(
-                  u && "sr-only",
-                  x
-                ),
-                caption: s
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ f("div", { className: t("min-w-0 w-full", N), children: [
-          v ? /* @__PURE__ */ i("div", { className: "dial-input px-3 py-2", children: D() }) : I,
-          c && /* @__PURE__ */ i(
-            "div",
-            {
-              id: $,
-              className: t({
-                "dial-tiny-text text-secondary mt-1": !0,
-                "text-error": !!e
-              }),
-              children: c
-            }
-          ),
-          B()
-        ] })
-      ]
-    }
-  );
-};
-export {
-  A as DialFormItem
-};

package/dist/components/FormItem/constants.js

@@ -1,9 +0,0 @@
-import { FormItemOrientation as o } from "../../types/form-item.js";
-const t = "w-full flex gap-1", a = {
-  [o.Vertical]: "flex-col",
-  [o.Horizontal]: "flex-row items-end"
-};
-export {
-  t as containerBaseClassName,
-  a as orientationClassMap
-};

package/dist/components/FormPopup/FormPopup.js

@@ -1,59 +0,0 @@
-import { jsx as l, jsxs as D } from "react/jsx-runtime";
-import { useCallback as N } from "react";
-import { DialNeutralButton as P, DialPrimaryButton as k } from "../Button/ButtonWrappers.js";
-import { DialPopup as B } from "../Popup/Popup.js";
-import { DialLoader as h } from "../Loader/Loader.js";
-import { PopupSize as j } from "../../types/popup.js";
-import { defaultSubmitLabel as v, defaultCancelLabel as y, actionsBaseClassName as z } from "./constants.js";
-const E = ({
-  header: a,
-  open: i = !1,
-  submitLabel: m = v,
-  cancelLabel: s = y,
-  isLoading: r = !1,
-  disableSubmitButton: u = !1,
-  className: p,
-  submitClassName: f,
-  onClose: o,
-  onSubmit: n,
-  onCancel: t,
-  children: e,
-  dividers: c = !0,
-  size: d = j.Md,
-  footer: b
-}) => {
-  const x = r ? null : /* @__PURE__ */ D("div", { className: z, children: [
-    /* @__PURE__ */ l(
-      P,
-      {
-        label: s,
-        onClick: () => t ? t() : o?.()
-      }
-    ),
-    /* @__PURE__ */ l(
-      k,
-      {
-        className: f,
-        label: m,
-        disabled: u,
-        onClick: () => n()
-      }
-    )
-  ] }), C = N(() => r ? /* @__PURE__ */ l("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ l(h, { size: 50 }) }) : e ?? null, [e, r]);
-  return /* @__PURE__ */ l(
-    B,
-    {
-      open: i,
-      header: a,
-      className: p,
-      dividers: c,
-      onClose: () => o?.(),
-      footer: b ?? x,
-      size: d,
-      children: C()
-    }
-  );
-};
-export {
-  E as DialFormPopup
-};

package/dist/components/FormPopup/constants.js

@@ -1,6 +0,0 @@
-const e = "Create", a = "Cancel", t = "flex items-center justify-end gap-2 px-6 py-3";
-export {
-  t as actionsBaseClassName,
-  a as defaultCancelLabel,
-  e as defaultSubmitLabel
-};

package/dist/components/Grid/Grid.js

@@ -1,333 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { themeBalham as Ne, colorSchemeLight as ge } from "../../node_modules/ag-grid-community/dist/package/main.esm.js";
-import { AgGridReact as be } from "../../node_modules/ag-grid-react/dist/package/index.esm.js";
-import Q from "classnames";
-import { useState as ye, useId as Ee, useRef as Y, useMemo as h, useCallback as l, useEffect as E } from "react";
-import { DialDropdown as R } from "../Dropdown/Dropdown.js";
-import { DialEllipsisTooltip as De } from "../EllipsisTooltip/EllipsisTooltip.js";
-import { RADIO_BUTTON_COL_DEF as Ae, CHECKBOX_COL_DEF as Te } from "./renderers/constants.js";
-import { DialNoDataContent as Ge } from "../NoDataContent/NoDataContent.js";
-import { DialRadioButton as ve } from "../RadioButton/RadioButton.js";
-import { GridSelectionMode as x } from "../../models/selection-mode.js";
-import { DropdownTrigger as w } from "../../types/dropdown.js";
-import { IconZoomCancel as Oe } from "@tabler/icons-react";
-import { GRID_THEME_COLORS as z, SelectionEventSourceType as p, checkboxClass as I, ROW_HEIGHT as ee, gridBaseClassName as xe } from "./constants.js";
-import { ariaDescription as re } from "../Checkbox/constants.js";
-import { useIsMobileScreen as ze } from "../../hooks/use-is-mobile-screen.js";
-import { useIsTabletScreen as _e } from "../../hooks/use-is-tablet-screen.js";
-import { debounceFn as ke } from "../../utils/debounce.js";
-import { registerAgGridModulesOnce as He } from "../../utils/grid-registration.js";
-import { baseColumnComparator as Le, omitUndefined as Fe } from "../../utils/grid-comparators.js";
-const or = ({
-  columnDefs: D,
-  rowData: f,
-  additionalGridOptions: _,
-  getContextMenuItems: C,
-  className: te,
-  ariaLabel: oe = "Data grid",
-  wrapCustomCellRenderers: m = !0,
-  disabledRowIds: c,
-  selectedRowIds: n,
-  onSelectionChange: k,
-  onGridApiChange: ne,
-  getRowId: i = (t) => String(t.id ?? JSON.stringify(t)),
-  alternateOddRowColors: H = !1,
-  filterPlaceholder: L = "Enter value",
-  emptyStateIcon: F,
-  emptyStateTitle: W = "No results found",
-  emptyStateDescription: B = "Sorry, we couldn't find any results for your search.",
-  loading: P = !1,
-  wrapperBorder: $ = !0,
-  withoutHeaderBorders: ie = !1,
-  allowDisabledContextMenu: N = !1,
-  selectionMode: d
-}) => {
-  He();
-  const [t, se] = ye(), ae = Ee(), g = ze(), b = _e(), A = Y(/* @__PURE__ */ new Set()), U = Y(
-    void 0
-  ), le = h(
-    () => ({
-      ...z,
-      oddRowBackgroundColor: H ? z.oddRowBackgroundColor : z.backgroundColor,
-      wrapperBorder: $
-    }),
-    [H, $]
-  ), ce = l((e) => {
-    e.api.sizeColumnsToFit();
-  }, []), T = l(
-    (e) => {
-      if (e.data) {
-        const r = i(e.data), o = c?.has(r) ?? !1, u = o && !N, a = e.value == null ? "" : String(e.value), v = C?.(e.data) ?? [];
-        return /* @__PURE__ */ s(
-          R,
-          {
-            trigger: [w.ContextMenu],
-            items: v,
-            anchorToMouse: !0,
-            matchReferenceWidth: !0,
-            className: "w-full",
-            disabled: u,
-            children: /* @__PURE__ */ s("span", { className: "block min-w-0 h-full max-w-full", children: /* @__PURE__ */ s(
-              De,
-              {
-                text: a,
-                className: "max-w-full h-full",
-                hideTooltip: o
-              }
-            ) })
-          }
-        );
-      }
-    },
-    [C, c, i, N]
-  ), y = l(
-    (e) => e === p.API || e === p.ROW_DATA_CHANGED,
-    []
-  ), j = l(
-    (e) => {
-      if (!t)
-        return;
-      const o = (e.selectedNodes || []).map((a) => a.data), u = new Set(o.map(i));
-      A.current = u, U.current = e.source, y(e.source) || k?.(u, o);
-    },
-    [t, i, y, k]
-  ), ue = h(() => ke(
-    (e) => j?.(e),
-    100
-  ), [j]), q = l(
-    (e) => {
-      if (!e.data) return null;
-      const r = i(e.data), o = e.node.isSelected(), u = c?.has(r), a = `row-select-${r}`;
-      return /* @__PURE__ */ s("div", { className: "size-6 flex items-center justify-center", children: /* @__PURE__ */ s(
-        ve,
-        {
-          className: "size-[18px]",
-          inputId: a,
-          checked: o,
-          disabled: u,
-          name: "gridradiobutton",
-          value: "selected",
-          onChange: () => {
-            u || (e.node.setSelected(
-              !0,
-              !0,
-              p.CHECKBOX_SELECTED
-            ), e.api.refreshCells({ columns: [e.column?.getColId()] }));
-          }
-        }
-      ) });
-    },
-    [i, c]
-  ), S = l(() => {
-    const e = "dial-row-select", r = "dial-row-select-visible";
-    return g || b || n && n.size > 0 ? `${e} ${r}` : !n || n.size === 0 ? e : `${e} ${r}`;
-  }, [g, b, n]), K = l(() => g || b ? S() : !n || n.size === 0 ? "dial-row-not-select-header" : S(), [S, g, b, n]), fe = h(() => {
-    if (d === x.SINGLE)
-      return {
-        ...Ae,
-        cellRenderer: q
-      };
-    if (d === x.MULTIPLE)
-      return {
-        ...Te,
-        headerClass: () => K(),
-        cellClass: (e) => {
-          const r = e.data ? i(e.data) : null;
-          let o = S();
-          return r && c?.has(r) && (o += " opacity-50 pointer-events-none"), o;
-        }
-      };
-  }, [
-    d,
-    q,
-    K,
-    i,
-    S,
-    c
-  ]), X = l(
-    (e) => {
-      const r = typeof m == "function" ? m(e) : !!m;
-      if (!e.cellRenderer)
-        return { ...e, cellRenderer: T };
-      if (!r)
-        return e;
-      const o = e.cellRenderer;
-      return { ...e, cellRenderer: (a) => {
-        const v = a.data ? C?.(a.data) ?? [] : [];
-        let O = null;
-        typeof o == "function" ? O = /* @__PURE__ */ s(o, { ...a }) : O = T(a);
-        const V = a.data ? i(a.data) : null, Z = V ? c?.has(V) : !1;
-        return /* @__PURE__ */ s(
-          R,
-          {
-            trigger: [w.ContextMenu],
-            items: v,
-            anchorToMouse: !0,
-            matchReferenceWidth: !0,
-            className: Q(
-              "w-full h-full",
-              Z && "!cursor-not-allowed opacity-75"
-            ),
-            disabled: Z && !N,
-            children: /* @__PURE__ */ s("span", { className: "block min-w-0 max-w-full flex-1", children: O })
-          }
-        );
-      } };
-    },
-    [
-      c,
-      C,
-      i,
-      T,
-      m,
-      N
-    ]
-  ), J = h(
-    () => m ? (D ?? []).map(X) : D ?? [],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      D,
-      m,
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      m ? X : null
-    ]
-  ), { defaultColDef: M, ...me } = _ ?? {}, de = h(
-    () => ({
-      minWidth: 150,
-      resizable: !0,
-      sortable: !0,
-      floatingFilter: !0,
-      filter: "agTextColumnFilter",
-      filterParams: {
-        filterPlaceholder: L,
-        buttons: ["reset"]
-      },
-      comparator: Le,
-      ...Fe(M)
-    }),
-    [L, M]
-  ), he = (e) => {
-    const r = document.querySelector(I);
-    r && r.setAttribute("aria-description", re);
-    const o = J.map((u) => ({
-      ...u,
-      sort: void 0
-    }));
-    e.api.updateGridOptions({ columnDefs: o, rowData: f }), e.api.sizeColumnsToFit(), se(e.api), _?.onGridReady?.(e), ne?.(e.api);
-  };
-  E(() => {
-    t && f && t.setGridOption("rowData", f);
-  }, [t, f]);
-  const pe = l(
-    () => /* @__PURE__ */ s(
-      Ge,
-      {
-        title: W,
-        description: B,
-        containerClassName: "gap-3",
-        titleClassName: "mt-2 !text-lg",
-        icon: F || /* @__PURE__ */ s(
-          Oe,
-          {
-            size: 100,
-            stroke: 0.5,
-            className: "text-secondary"
-          }
-        )
-      }
-    ),
-    [W, B, F]
-  ), Se = h(() => {
-    if (d)
-      return {
-        mode: d === x.SINGLE ? "singleRow" : "multiRow",
-        isRowSelectable: (e) => {
-          const r = e.data ? i(e.data) : null;
-          return r ? !c?.has(r) : !0;
-        }
-      };
-  }, [c, i, d]);
-  E(() => {
-    t && f && A.current.size && A.current.forEach((e) => {
-      const r = t.getRowNode(e);
-      r && !r.isSelected() && r.setSelected(!0, !1, p.API);
-    });
-  }, [t, f]), E(() => {
-    t && n && (t.deselectAll("all", p.API), n.forEach((e) => {
-      const r = t.getRowNode(e);
-      r && !r.isSelected() && r.setSelected(!0, !1, p.API);
-    }));
-  }, [t, n]);
-  const Ce = l(
-    (e) => e.data ? i(e.data) : "",
-    [i]
-  ), G = l(() => {
-    document.querySelectorAll(`.ag-row ${I}`).forEach((e) => {
-      e.setAttribute("aria-description", re);
-    });
-  }, []);
-  return E(() => {
-    const e = y(
-      U.current
-    );
-    if (t && n?.size && e) {
-      const r = Array.from(n)[0];
-      if (r) {
-        const o = t.getRowNode(r);
-        o && t.ensureNodeVisible(o);
-      }
-    }
-  }, [t, y, n]), /* @__PURE__ */ s(
-    "div",
-    {
-      className: Q(
-        xe,
-        te,
-        d && "with-selection-column",
-        ie && "dial-without-header-borders"
-      ),
-      "aria-label": oe,
-      role: "region",
-      "aria-busy": P,
-      children: /* @__PURE__ */ s(
-        "div",
-        {
-          className: "h-full overflow-x-auto",
-          role: "table",
-          "aria-describedby": ae,
-          children: /* @__PURE__ */ s(
-            be,
-            {
-              rowModelType: "clientSide",
-              headerHeight: ee,
-              rowHeight: ee,
-              cellSelection: !1,
-              theme: Ne.withPart(ge).withParams({ ...le }),
-              autoSizeStrategy: { type: "fitGridWidth" },
-              columnDefs: J,
-              defaultColDef: de,
-              selectionColumnDef: fe,
-              onGridSizeChanged: ce,
-              onGridReady: he,
-              loading: P,
-              suppressCellFocus: !0,
-              suppressDragLeaveHidesColumns: !0,
-              noRowsOverlayComponent: pe,
-              rowData: f,
-              rowSelection: Se,
-              onSelectionChanged: ue,
-              getRowId: Ce,
-              onRowDataUpdated: G,
-              onBodyScroll: G,
-              onFirstDataRendered: G,
-              ...me
-            }
-          )
-        }
-      )
-    }
-  );
-};
-export {
-  or as DialGrid
-};

package/dist/components/Grid/constants.js

@@ -1,33 +0,0 @@
-const o = "h-full w-full", e = ".ag-checkbox-input", t = {
-  accentColor: "var(--bg-control-accent, var(--bg-accent-primary, #3664E2))",
-  backgroundColor: "var(--bg-layer-raised, var(--bg-layer-3, #1D2439))",
-  oddRowBackgroundColor: "var(--bg-layer-sunken, var(--bg-layer-2, #161B2D))",
-  // The row tint has to stay translucent: the row it paints carries body text
-  // and a checkbox filled with `accentColor`, so an opaque accent hides both.
-  // `--bg-accent-primary-alpha` is the tint every other 1.0 control hovers
-  // with; the controls' `*-alpha-active` token this used to read is the
-  // pressed-state fill, which themes do define opaque.
-  selectedRowBackgroundColor: "var(--bg-accent-primary-alpha, #7DA4FF26)",
-  borderColor: "var(--bg-layer-4, #242C42)",
-  rowBorder: "1px solid var(--stroke-tertiary, var(--stroke-primary, #696E7C))",
-  rowHoverColor: "var(--bg-accent-primary-alpha, #7DA4FF26)",
-  borderRadius: 3,
-  browserColorScheme: "dark",
-  chromeBackgroundColor: "var(--bg-layer-1, #0C101D)",
-  foregroundColor: "var(--text-primary, #EEF1F7)",
-  headerFontSize: 14,
-  headerFontWeight: 600,
-  headerTextColor: "var(--text-secondary, #9FA6BD)",
-  spacing: 4,
-  wrapperBorderRadius: 3,
-  fontSize: 14,
-  fontFamily: "var(--theme-font, var(--font-inter))"
-}, c = 40;
-var a = /* @__PURE__ */ ((r) => (r.API = "api", r.ROW_DATA_CHANGED = "rowDataChanged", r.CHECKBOX_SELECTED = "checkboxSelected", r))(a || {});
-export {
-  t as GRID_THEME_COLORS,
-  c as ROW_HEIGHT,
-  a as SelectionEventSourceType,
-  e as checkboxClass,
-  o as gridBaseClassName
-};

package/dist/components/Grid/renderers/DateCellRenderer.js

@@ -1,27 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import f from "classnames";
-import { useMemo as c } from "react";
-import { DialEllipsisTooltip as T } from "../../EllipsisTooltip/EllipsisTooltip.js";
-import { DEFAULT_LOCALE as d, DEFAULT_DATE_FORMAT_OPTIONS as p, dateCellBaseClassName as D } from "./constants.js";
-import { convertToDate as A } from "../../../utils/grid-date.js";
-const _ = ({
-  value: s,
-  locale: r = d,
-  options: o = p,
-  emptyPlaceholder: m,
-  className: n,
-  hideTooltip: l = !1
-}) => {
-  const t = A(s), a = c(() => t ? new Intl.DateTimeFormat(r, o).format(t) : m, [t, m, r, o]), i = t ? t.toISOString() : void 0;
-  return /* @__PURE__ */ e(
-    T,
-    {
-      text: i ? /* @__PURE__ */ e("time", { dateTime: i, children: a }) : /* @__PURE__ */ e("span", { children: a }),
-      className: f(D, n),
-      hideTooltip: l
-    }
-  );
-};
-export {
-  _ as DialDateCellRenderer
-};