impact-nova 0.1.0

package/dist/components/ui/data-table/data-table-column-list.js

@@ -0,0 +1,153 @@
+import { jsx as D } from "react/jsx-runtime";
+import { useState as w, useRef as C, useCallback as a, useEffect as N } from "react";
+import { useDataTable as V } from "./data-table-context.js";
+import { NestedList as z } from "../nested-list/nested-list.js";
+import { SelectionMode as A } from "../types/nested-list.types.js";
+function j(u) {
+  return "getChildren" in u && typeof u.getChildren == "function";
+}
+function P(u, h) {
+  let t = null;
+  return ((...b) => {
+    t && clearTimeout(t), t = setTimeout(() => u(...b), h);
+  });
+}
+const B = ({
+  enableApplyDiscard: u = !1,
+  enableLazyHierarchy: h = !1
+}) => {
+  const { gridApi: t } = V(), [b, y] = w([]), [T, I] = w(!1), S = C(!1), v = C(/* @__PURE__ */ new Set()), R = C(/* @__PURE__ */ new Map()), k = a((r, l) => {
+    const n = (o, i) => {
+      if (j(o)) {
+        const e = o.getGroupId() || `${i.join("-")}-group`, c = [...i, e], d = v.current.has(e), s = !h || d, f = [];
+        if (s) {
+          const g = o.getChildren();
+          g && g.forEach((O) => {
+            f.push(n(O, c));
+          });
+        }
+        const F = f.length > 0 ? f.every((g) => g.checked) : !0;
+        return {
+          id: e,
+          label: o.getColGroupDef()?.headerName || "Column Group",
+          checked: F,
+          children: f.length > 0 ? f : h ? [] : void 0,
+          category: "group"
+        };
+      } else {
+        const e = o.getColId(), c = R.current.get(e), d = c ? !c.hide : o.isVisible();
+        return {
+          id: e,
+          label: o.getColDef().headerName || o.getColDef().field || e,
+          checked: d
+        };
+      }
+    };
+    return n(r, l);
+  }, [h]), G = a((r, l) => r.map((n) => k(n, l)), [k]), m = a(() => {
+    if (!t || S.current)
+      return;
+    const r = t.getColumnState();
+    R.current = new Map(r.map((s) => [s.colId, s]));
+    const l = t.getColumnGroupState();
+    v.current = new Set(
+      l.filter((s) => s.open).map((s) => s.groupId)
+    );
+    const n = t.getLeftDisplayedColumnGroups() || [], o = t.getCenterDisplayedColumnGroups() || [], i = t.getRightDisplayedColumnGroups() || [], e = G(
+      [...n, ...i],
+      ["frozen"]
+    ), c = G(
+      o,
+      ["scrollable"]
+    ), d = [
+      {
+        id: "root-frozen",
+        label: "Frozen Columns",
+        checked: e.length === 0 || e.every((s) => s.checked),
+        children: e,
+        category: "structure",
+        isDragDisabled: !0
+      },
+      {
+        id: "root-scrollable",
+        label: "Scrollable Columns",
+        checked: c.length === 0 || c.every((s) => s.checked),
+        children: c,
+        category: "structure",
+        isDragDisabled: !0
+      }
+    ];
+    y(d), I(!0);
+  }, [t, G]), x = C(null);
+  N(() => {
+    x.current = P(m, 150);
+  }, [m]), N(() => {
+    if (!t) return;
+    const r = setTimeout(() => m(), 0), l = [
+      "columnVisible",
+      "columnPinned",
+      "columnMoved",
+      "newColumnsLoaded",
+      "gridReady",
+      "columnGroupOpened"
+    ], n = () => {
+      x.current?.();
+    };
+    return t.isDestroyed() || l.forEach((o) => t.addEventListener(o, n)), () => {
+      clearTimeout(r), t.isDestroyed() || l.forEach((o) => t.removeEventListener(o, n));
+    };
+  }, [t, m]);
+  const E = a((r) => {
+    const l = [], n = (o, i) => {
+      o.forEach((e) => {
+        if (e.id === "root-frozen") {
+          e.children && n(e.children, "left");
+          return;
+        }
+        if (e.id === "root-scrollable") {
+          e.children && n(e.children, null);
+          return;
+        }
+        e.category === "group" || e.children && e.children.length > 0 ? e.children && n(e.children, i) : t?.getColumn(e.id) && l.push({
+          colId: e.id,
+          pinned: i,
+          hide: !e.checked
+        });
+      });
+    };
+    return n(r, null), l;
+  }, [t]), p = a((r) => {
+    if (!t) return;
+    S.current = !0;
+    const l = E(r);
+    l.length > 0 && t.applyColumnState({
+      state: l,
+      applyOrder: !0
+    }), setTimeout(() => {
+      S.current = !1;
+    }, 300);
+  }, [t, E]), L = a((r) => {
+    p(r);
+  }, [p]), M = a((r) => {
+    u || p(r), y(r);
+  }, [u, p]);
+  return T ? /* @__PURE__ */ D("div", { className: "flex flex-col h-full bg-white", children: /* @__PURE__ */ D(
+    z,
+    {
+      items: b,
+      onChange: M,
+      onSubmit: L,
+      enableApplyDiscard: u,
+      enableSearch: !0,
+      enableSelectAll: !0,
+      enableDragDrop: !0,
+      enableCollapse: !0,
+      selectionMode: A.CASCADE_DOWN,
+      searchPlaceholder: "Search columns...",
+      className: "h-full"
+    }
+  ) }) : /* @__PURE__ */ D("div", { className: "p-4 text-[13px] text-slate-400", children: "Loading columns..." });
+};
+export {
+  B as DataTableColumnList
+};

package/dist/components/ui/data-table/data-table-context.d.ts

@@ -0,0 +1,18 @@
+import { GridApi } from 'ag-grid-community';
+export type DataTableFontSize = 'small' | 'medium' | 'large';
+export type DataTableNumericFormat = 'full' | 'k' | 'm' | 'b';
+export type DataTableRowHeight = 'default' | 'compact' | 'comfort';
+export interface DataTableContextValue {
+    gridApi: GridApi | null;
+    registerApi: (api: GridApi) => void;
+    sheetTarget: HTMLDivElement | null;
+    setSheetTarget: (node: HTMLDivElement | null) => void;
+    fontSize: DataTableFontSize;
+    setFontSize: (size: DataTableFontSize) => void;
+    numericFormat: DataTableNumericFormat;
+    setNumericFormat: (format: DataTableNumericFormat) => void;
+    rowHeight: DataTableRowHeight;
+    setRowHeight: (height: DataTableRowHeight) => void;
+}
+export declare const DataTableContext: import('react').Context<DataTableContextValue>;
+export declare const useDataTable: () => DataTableContextValue;

package/dist/components/ui/data-table/data-table-context.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as a } from "react";
+const o = e(null), r = () => {
+  const t = a(o);
+  if (!t)
+    throw new Error("useDataTable must be used within a DataTable");
+  return t;
+};
+export {
+  o as DataTableContext,
+  r as useDataTable
+};

package/dist/components/ui/data-table/data-table-format-options.d.ts

@@ -0,0 +1 @@
+export declare const DataTableFormatOptions: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/data-table/data-table-format-options.js

@@ -0,0 +1,74 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import "react";
+import { useDataTable as c } from "./data-table-context.js";
+import { RadioGroup as s, RadioGroupItem as t } from "../radio-group.js";
+import { Label as a } from "../label.js";
+const h = () => {
+  const {
+    fontSize: n,
+    setFontSize: m,
+    numericFormat: i,
+    setNumericFormat: o
+  } = c();
+  return /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 px-1 py-1", children: [
+    /* @__PURE__ */ l("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("h3", { className: "text-[12px] font-semibold text-[#8C8C8C]", children: "Font size" }),
+      /* @__PURE__ */ l(
+        s,
+        {
+          value: n,
+          orientation: "vertical",
+          onValueChange: (r) => m(r),
+          className: "flex flex-col",
+          children: [
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ e(t, { value: "small", id: "font-small" }),
+              /* @__PURE__ */ e(a, { htmlFor: "font-small", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: "Small" })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ e(t, { value: "medium", id: "font-medium" }),
+              /* @__PURE__ */ e(a, { htmlFor: "font-medium", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: "Medium (default)" })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ e(t, { value: "large", id: "font-large" }),
+              /* @__PURE__ */ e(a, { htmlFor: "font-large", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: "Large" })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("h3", { className: "text-[12px] font-semibold text-[#8C8C8C]", children: "Numeric Values" }),
+      /* @__PURE__ */ l(
+        s,
+        {
+          value: i,
+          orientation: "vertical",
+          onValueChange: (r) => o(r),
+          className: "flex flex-col",
+          children: [
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ e(t, { value: "full", id: "num-full" }),
+              /* @__PURE__ */ e(a, { htmlFor: "num-full", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: "Full Number" })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ e(t, { value: "k", id: "num-k" }),
+              /* @__PURE__ */ e(a, { htmlFor: "num-k", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: "In K (Thousands)" })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ e(t, { value: "m", id: "num-m" }),
+              /* @__PURE__ */ e(a, { htmlFor: "num-m", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: "In M (Millions)" })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ e(t, { value: "b", id: "num-b" }),
+              /* @__PURE__ */ e(a, { htmlFor: "num-b", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: "In B (Billions)" })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  h as DataTableFormatOptions
+};

package/dist/components/ui/data-table/data-table-sheet.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export declare const DataTableSheet: ({ children, defaultOpen, open: controlledOpen, onOpenChange }: {
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableSheetTrigger: ({ children, asChild }: {
+    children: React.ReactNode;
+    asChild?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableSheetHeader: ({ title, children, className }: {
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableSheetContent: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => React.ReactPortal;

package/dist/components/ui/data-table/data-table-sheet.js

@@ -0,0 +1,81 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import f, { useState as x, createContext as b, useContext as v } from "react";
+import { createPortal as w } from "react-dom";
+import { X as g } from "lucide-react";
+import { cn as m } from "../../../lib/utils.js";
+import { Button as C } from "../button.js";
+import { useDataTable as T } from "./data-table-context.js";
+const p = b(null), c = () => {
+  const e = v(p);
+  if (!e)
+    throw new Error("useDataTableSheet must be used within DataTableSheet");
+  return e;
+}, O = ({
+  children: e,
+  defaultOpen: o = !1,
+  open: n,
+  onOpenChange: a
+}) => {
+  const [r, s] = x(o), l = n !== void 0, u = l ? n : r, h = (d) => {
+    l || s(d), a?.(d);
+  };
+  return /* @__PURE__ */ t(p.Provider, { value: { open: u, setOpen: h }, children: e });
+}, E = ({
+  children: e,
+  asChild: o
+}) => {
+  const { setOpen: n, open: a } = c(), r = (s) => {
+    n(!a);
+  };
+  if (o) {
+    const s = f.Children.only(e);
+    return f.cloneElement(s, {
+      onClick: (l) => {
+        s.props.onClick?.(l), r();
+      }
+    });
+  }
+  return /* @__PURE__ */ t(C, { variant: "outline", onClick: r, children: e });
+}, P = ({
+  title: e,
+  children: o,
+  className: n
+}) => {
+  const { setOpen: a } = c();
+  return /* @__PURE__ */ i("div", { className: m("flex shrink-0 flex-row justify-between items-center px-4 py-3 mb-2 bg-[#eceefd]", n), children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: e && /* @__PURE__ */ t("h2", { className: "font-[Manrope] font-bold text-base text-[#0d152c]", children: e }) }),
+    /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+      o,
+      /* @__PURE__ */ t(
+        "span",
+        {
+          role: "button",
+          className: "close_icon cursor-pointer flex items-center justify-center w-6 h-6 rounded-full hover:bg-slate-200/50 transition-colors",
+          onClick: () => a(!1),
+          children: /* @__PURE__ */ t(g, { className: "h-4 w-4 text-slate-500" })
+        }
+      )
+    ] })
+  ] });
+}, z = ({
+  children: e,
+  className: o
+}) => {
+  const { open: n, setOpen: a } = c(), { sheetTarget: r } = T();
+  return !n || !r ? null : w(
+    /* @__PURE__ */ t("div", { className: "absolute inset-0 z-[100] flex justify-end overflow-hidden pointer-events-none", children: /* @__PURE__ */ i("div", { className: "flex h-[calc(100%+2px)] -my-px animate-in slide-in-from-right-[100%] duration-200 ease-in-out fade-in fill-mode-forwards", children: [
+      /* @__PURE__ */ t("div", { className: "w-[6px] bg-white border-l border-slate-200 shrink-0" }),
+      /* @__PURE__ */ t("div", { className: m(
+        "relative flex h-full w-[355px] flex-col overflow-y-auto bg-white border-t border-l border-slate-200 pointer-events-auto shadow-[0px_0px_4px_0px_rgba(0,0,0,0.12)]",
+        o
+      ), children: e })
+    ] }) }),
+    r
+  );
+};
+export {
+  O as DataTableSheet,
+  z as DataTableSheetContent,
+  P as DataTableSheetHeader,
+  E as DataTableSheetTrigger
+};

package/dist/components/ui/data-table/data-table-view-options.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface DataTableViewOptionsProps {
+    enableTableSettings?: boolean;
+    enableContentDensity?: boolean;
+    trigger?: React.ReactNode;
+}
+export declare const DataTableViewOptions: ({ enableTableSettings, enableContentDensity, trigger }: DataTableViewOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/data-table/data-table-view-options.js

@@ -0,0 +1,75 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import "react";
+import { DropdownMenu as c, DropdownMenuTrigger as m, DropdownMenuContent as d, DropdownMenuItem as p, DropdownMenuSub as u, DropdownMenuSubTrigger as h, DropdownMenuSubContent as f, DropdownMenuRadioGroup as x, DropdownMenuRadioItem as t } from "../dropdown-menu.js";
+import { Button as g } from "../button.js";
+import { ThreeDots as D, Settings as N, Density as w, Stack as C, StackCompact as M, StackComfort as v } from "../../../icons/index.js";
+import { useDataTable as z } from "./data-table-context.js";
+import { DataTableSheetTrigger as S } from "./data-table-sheet.js";
+const I = ({
+  enableTableSettings: r = !0,
+  enableContentDensity: n = !0,
+  trigger: l
+}) => {
+  const { rowHeight: s, setRowHeight: o } = z();
+  return /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ e(m, { asChild: !0, children: l || /* @__PURE__ */ a(g, { variant: "secondary", size: "icon", "aria-label": "More", children: [
+      /* @__PURE__ */ e(D, { size: 14 }),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "Open menu" })
+    ] }) }),
+    /* @__PURE__ */ a(d, { align: "end", className: "w-[240px] z-[100] flex flex-col gap-[2px]", children: [
+      r && /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(p, { className: "flex cursor-pointer gap-2", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(N, { size: 13, className: "text-slate-500" }),
+        /* @__PURE__ */ e("span", { children: "Table Settings" })
+      ] }) }) }),
+      n && /* @__PURE__ */ a(u, { children: [
+        /* @__PURE__ */ a(h, { className: "flex items-center gap-2 cursor-pointer", children: [
+          /* @__PURE__ */ e(w, { size: 13, className: "text-slate-500" }),
+          /* @__PURE__ */ e("span", { children: "Content density" })
+        ] }),
+        /* @__PURE__ */ e(f, { className: "w-[190px] z-[100]", children: /* @__PURE__ */ a(
+          x,
+          {
+            value: s,
+            onValueChange: (i) => o(i),
+            className: "flex flex-col gap-0.5",
+            children: [
+              /* @__PURE__ */ e(
+                t,
+                {
+                  value: "default",
+                  children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(C, { size: 13, className: "text-slate-500" }),
+                    "Default"
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ e(
+                t,
+                {
+                  value: "compact",
+                  children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(M, { size: 13, className: "text-slate-500" }),
+                    "Compact"
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ e(
+                t,
+                {
+                  value: "comfort",
+                  children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(v, { size: 13, className: "text-slate-500" }),
+                    "Comfort"
+                  ] })
+                }
+              )
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  I as DataTableViewOptions
+};

package/dist/components/ui/data-table/data-table.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { AgGridWrapperProps } from '../types/ag-grid.types';
+/**
+ * DataTable Root
+ * Provides context and structural container.
+ */
+export declare const DataTable: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * DataTable Content
+ * Wraps AgGridWrapper and captures the API reference.
+ */
+export declare function DataTableContent<TData>(props: AgGridWrapperProps<TData> & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * DataTable Toolbar
+ * Generic container for top-bar actions.
+ * Users can conditionally render this component to remove it from DOM.
+ */
+export declare const DataTableToolbar: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/data-table/data-table.js

@@ -0,0 +1,67 @@
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import { useState as i, useCallback as y } from "react";
+import { AgGridWrapper as T } from "../ag-grid-react/index.js";
+import { cn as l } from "../../../lib/utils.js";
+import { DataTableContext as v, useDataTable as S } from "./data-table-context.js";
+const R = ({
+  children: e,
+  className: t
+}) => {
+  const [a, n] = i(null), [o, m] = i(null), [s, c] = i("medium"), [u, f] = i("full"), [d, h] = i("default"), g = y((b) => {
+    n(b);
+  }, []), p = {
+    small: "12px",
+    medium: "14px",
+    large: "16px"
+  }[s], x = {
+    default: "46px",
+    compact: "30px",
+    comfort: "52px"
+  }[d];
+  return /* @__PURE__ */ r(v.Provider, { value: {
+    gridApi: a,
+    registerApi: g,
+    sheetTarget: o,
+    setSheetTarget: m,
+    fontSize: s,
+    setFontSize: c,
+    numericFormat: u,
+    setNumericFormat: f,
+    rowHeight: d,
+    setRowHeight: h
+  }, children: /* @__PURE__ */ r(
+    "div",
+    {
+      className: l("flex flex-col w-full h-full min-h-0 rounded-[inherit]", t),
+      style: {
+        "--ag-font-size": p,
+        "--ag-row-height": x
+      },
+      children: e
+    }
+  ) });
+};
+function j(e) {
+  const { registerApi: t, setSheetTarget: a } = S(), n = (o) => {
+    t(o.api), e.onGridReady && e.onGridReady(o);
+  };
+  return /* @__PURE__ */ w("div", { className: l("relative flex-1 min-h-0 w-full bg-white rounded-b-[inherit] grid-rounded-bottom", e.className), children: [
+    /* @__PURE__ */ r(T, { ...e, onGridReady: n }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: a,
+        className: "absolute inset-0 pointer-events-none z-[100] flex overflow-hidden"
+      }
+    )
+  ] });
+}
+const C = ({
+  children: e,
+  className: t
+}) => /* @__PURE__ */ r("div", { className: l("flex items-center justify-between px-4 py-3 shrink-0 bg-white rounded-t-[inherit]", t), children: e });
+export {
+  R as DataTable,
+  j as DataTableContent,
+  C as DataTableToolbar
+};

package/dist/components/ui/data-table/index.d.ts

@@ -0,0 +1,6 @@
+export * from './data-table';
+export * from './data-table-column-list';
+export * from './data-table-context';
+export * from './data-table-format-options';
+export * from './data-table-sheet';
+export * from './data-table-view-options';

package/dist/components/ui/data-table/index.js

@@ -0,0 +1,20 @@
+import { DataTable as t, DataTableContent as o, DataTableToolbar as r } from "./data-table.js";
+import { DataTableColumnList as T } from "./data-table-column-list.js";
+import { DataTableContext as D, useDataTable as m } from "./data-table-context.js";
+import { DataTableFormatOptions as p } from "./data-table-format-options.js";
+import { DataTableSheet as f, DataTableSheetContent as i, DataTableSheetHeader as h, DataTableSheetTrigger as s } from "./data-table-sheet.js";
+import { DataTableViewOptions as S } from "./data-table-view-options.js";
+export {
+  t as DataTable,
+  T as DataTableColumnList,
+  o as DataTableContent,
+  D as DataTableContext,
+  p as DataTableFormatOptions,
+  f as DataTableSheet,
+  i as DataTableSheetContent,
+  h as DataTableSheetHeader,
+  s as DataTableSheetTrigger,
+  r as DataTableToolbar,
+  S as DataTableViewOptions,
+  m as useDataTable
+};

package/dist/components/ui/data-table/stories/fakeServer.d.ts

@@ -0,0 +1,14 @@
+import { IServerSideGetRowsRequest } from 'ag-grid-community';
+export declare class FakeServer {
+    private allData;
+    constructor(allData: any[]);
+    getData(request: IServerSideGetRowsRequest): {
+        success: boolean;
+        rows: any[];
+        lastRow: number;
+    };
+    executeRequest(allRows: any[], request: IServerSideGetRowsRequest): {
+        rows: any[];
+        lastRow: number;
+    };
+}

package/dist/components/ui/data-table/stories/interfaces.d.ts

@@ -0,0 +1,15 @@
+export interface IOlympicData {
+    athlete: string;
+    age: number;
+    country: string;
+    year: number;
+    date: string;
+    sport: string;
+    gold: number;
+    silver: number;
+    bronze: number;
+    total: number;
+}
+export interface IOlympicDataWithId extends IOlympicData {
+    id: number;
+}

package/dist/components/ui/date-picker/date-picker.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProps } from '../types/date-picker.types';
+import * as React from "react";
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;