@epam/ai-dial-ui-kit 0.14.0-dev.5 → 0.14.0-dev.50

package/dist/components/FileName/FileName.js

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1,57 @@
+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

@@ -0,0 +1,90 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,59 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,333 @@
+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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,27 @@
+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
+};