impact-nova 2.0.9 → 2.1.0-alpha.2

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

@@ -1,16 +0,0 @@
-import { DropdownMenuTrigger } from '../dropdown-menu';
-import * as React from "react";
-export declare const DataTableViewMenuTrigger: {
-    ({ children, ...props }: Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuTrigger>, "asChild">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const DataTableViewMenuContent: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    portalled?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const DataTableViewMenuSettingsItem: () => import("react/jsx-runtime").JSX.Element;
-export declare const DataTableViewMenuDensity: () => import("react/jsx-runtime").JSX.Element;
-export interface DataTableViewMenuViewportExpandProps {
-    expanded: boolean;
-    onExpandedChange: (expanded: boolean) => void;
-}
-export declare const DataTableViewMenuViewportExpand: ({ expanded, onExpandedChange, }: DataTableViewMenuViewportExpandProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,132 +0,0 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import * as c from "react";
-import { DropdownMenuContent as p, DropdownMenuSub as m, DropdownMenuSubTrigger as d, DropdownMenuSubContent as u, DropdownMenuRadioGroup as g, DropdownMenuRadioItem as l, DropdownMenuItem as i, DropdownMenuTrigger as f } from "../dropdown-menu.js";
-import { Button as h } from "../button.js";
-import { cn as x } from "../../../lib/utils.js";
-import { Density as b, Stack as T, StackCompact as D, StackComfort as N, Settings as w, ThreeDots as C, Collapse as M, Expand as S } from "impact-nova-icons";
-import { useDataTable as v } from "./data-table-context.js";
-import { DataTableSheetTrigger as P } from "./data-table-sheet.js";
-import { useImpactNovaI18n as r } from "../../../i18n/ImpactNovaI18nContext.js";
-const y = ({
-  children: a,
-  ...n
-}) => {
-  const { t: o } = r();
-  return /* @__PURE__ */ t(f, { asChild: !0, ...n, children: a ?? /* @__PURE__ */ s(h, { variant: "secondary", size: "icon", "aria-label": o("dataTable.more"), children: [
-    /* @__PURE__ */ t(C, { size: "sm" }),
-    /* @__PURE__ */ t("span", { className: "sr-only", children: o("dataTable.openMenu") })
-  ] }) });
-};
-y.displayName = "DataTableViewMenuTrigger";
-const k = c.forwardRef(({ className: a, align: n = "end", ...o }, e) => /* @__PURE__ */ t(
-  p,
-  {
-    ref: e,
-    align: n,
-    className: x("w-[240px] flex flex-col gap-[2px]", a),
-    ...o
-  }
-));
-k.displayName = "DataTableViewMenuContent";
-const G = () => {
-  const { t: a } = r();
-  return /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ t(
-    i,
-    {
-      className: "flex cursor-pointer gap-2",
-      onClick: (n) => n.stopPropagation(),
-      onSelect: (n) => n.stopPropagation(),
-      children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ t(w, { size: "sm", className: "text-content-muted" }),
-        /* @__PURE__ */ t("span", { children: a("dataTable.tableSettings") })
-      ] })
-    }
-  ) });
-}, q = () => {
-  const { t: a } = r(), { rowHeight: n, setRowHeight: o } = v();
-  return /* @__PURE__ */ s(m, { children: [
-    /* @__PURE__ */ s(
-      d,
-      {
-        className: "flex items-center gap-2 cursor-pointer",
-        onClick: (e) => e.stopPropagation(),
-        children: [
-          /* @__PURE__ */ t(b, { size: "sm", className: "text-content-muted" }),
-          /* @__PURE__ */ t("span", { children: a("dataTable.contentDensity") })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(u, { className: "w-[190px]", children: /* @__PURE__ */ s(
-      g,
-      {
-        value: n,
-        onValueChange: (e) => o(e),
-        className: "flex flex-col gap-0.5",
-        children: [
-          /* @__PURE__ */ t(
-            l,
-            {
-              value: "default",
-              onClick: (e) => e.stopPropagation(),
-              onSelect: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ t(T, { size: "sm", className: "text-content-muted" }),
-                a("dataTable.densityDefault")
-              ] })
-            }
-          ),
-          /* @__PURE__ */ t(
-            l,
-            {
-              value: "compact",
-              onClick: (e) => e.stopPropagation(),
-              onSelect: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ t(D, { size: "sm", className: "text-content-muted" }),
-                a("dataTable.densityCompact")
-              ] })
-            }
-          ),
-          /* @__PURE__ */ t(
-            l,
-            {
-              value: "comfort",
-              onClick: (e) => e.stopPropagation(),
-              onSelect: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ t(N, { size: "sm", className: "text-content-muted" }),
-                a("dataTable.densityComfort")
-              ] })
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-}, A = ({
-  expanded: a,
-  onExpandedChange: n
-}) => {
-  const { t: o } = r();
-  return /* @__PURE__ */ t(
-    i,
-    {
-      className: "flex cursor-pointer gap-2",
-      onClick: (e) => e.stopPropagation(),
-      onSelect: (e) => {
-        e.stopPropagation(), n(!a);
-      },
-      children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        a ? /* @__PURE__ */ t(M, { size: "sm", className: "text-content-muted" }) : /* @__PURE__ */ t(S, { size: "sm", className: "text-content-muted" }),
-        /* @__PURE__ */ t("span", { children: o(a ? "dataTable.tableCollapse" : "dataTable.tableExpand") })
-      ] })
-    }
-  );
-};
-export {
-  k as DataTableViewMenuContent,
-  q as DataTableViewMenuDensity,
-  G as DataTableViewMenuSettingsItem,
-  y as DataTableViewMenuTrigger,
-  A as DataTableViewMenuViewportExpand
-};

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

@@ -1,22 +0,0 @@
-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;
-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/index.d.ts

@@ -1,12 +0,0 @@
-export * from './data-table';
-export * from './data-table-constants';
-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-menu';
-export * from './data-table-saved-views';
-export * from './pin-switch';
-export * from './column-indicator';
-export * from './indicator-legend';
-export type { SavedTableViewItem, TableViewTypeOption, DataTableSavedViewsProps, DataTableSavedViewsActionContext, DataTableSavedViewsCancelContext, } from '../types/data-table-saved-views.types';

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

@@ -1,39 +0,0 @@
-import { DataTable as t, DataTableContent as o, DataTableToolbar as r } from "./data-table.js";
-import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as l, TABLE_VIEWPORT_SHELL_EXPANDED_CLASS as D } from "./data-table-constants.js";
-import { DataTableColumnList as b } from "./data-table-column-list.js";
-import { DataTableContext as S, DataTableSheetPortalContext as m, useDataTable as p, useDataTableSheetPortal as x } from "./data-table-context.js";
-import { DataTableFormatOptions as u } from "./data-table-format-options.js";
-import { DataTableSheet as _, DataTableSheetContent as h, DataTableSheetHeader as s, DataTableSheetTrigger as C, useDataTableSheet as w, useDataTableSheetApi as V } from "./data-table-sheet.js";
-import { DataTableViewMenuContent as L, DataTableViewMenuDensity as P, DataTableViewMenuSettingsItem as d, DataTableViewMenuTrigger as g, DataTableViewMenuViewportExpand as H } from "./data-table-view-menu.js";
-import { DataTableSavedViews as M } from "./data-table-saved-views.js";
-import { PinSwitch as c } from "./pin-switch.js";
-import { ColumnIndicator as N } from "./column-indicator.js";
-import { IndicatorLegend as v } from "./indicator-legend.js";
-export {
-  N as ColumnIndicator,
-  l as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX,
-  t as DataTable,
-  b as DataTableColumnList,
-  o as DataTableContent,
-  S as DataTableContext,
-  u as DataTableFormatOptions,
-  M as DataTableSavedViews,
-  _ as DataTableSheet,
-  h as DataTableSheetContent,
-  s as DataTableSheetHeader,
-  m as DataTableSheetPortalContext,
-  C as DataTableSheetTrigger,
-  r as DataTableToolbar,
-  L as DataTableViewMenuContent,
-  P as DataTableViewMenuDensity,
-  d as DataTableViewMenuSettingsItem,
-  g as DataTableViewMenuTrigger,
-  H as DataTableViewMenuViewportExpand,
-  v as IndicatorLegend,
-  c as PinSwitch,
-  D as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS,
-  p as useDataTable,
-  w as useDataTableSheet,
-  V as useDataTableSheetApi,
-  x as useDataTableSheetPortal
-};

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

@@ -1,20 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { ColumnIndicator as r } from "./column-indicator.js";
-import { useImpactNovaI18n as n } from "../../../i18n/ImpactNovaI18nContext.js";
-const i = () => {
-  const { t: a } = n();
-  return /* @__PURE__ */ t("div", { className: "flex items-center gap-3 text-[10px] text-content-muted", children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ e(r, { type: "sort" }),
-      /* @__PURE__ */ e("span", { children: a("dataTable.indicatorSort") })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ e(r, { type: "filter" }),
-      /* @__PURE__ */ e("span", { children: a("dataTable.indicatorSearch") })
-    ] })
-  ] });
-};
-i.displayName = "IndicatorLegend";
-export {
-  i as IndicatorLegend
-};

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

@@ -1,75 +0,0 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { useCallback as s } from "react";
-import { cn as n } from "../../../lib/utils.js";
-import { Pin as w } from "impact-nova-icons";
-import { useImpactNovaI18n as u } from "../../../i18n/ImpactNovaI18nContext.js";
-const d = ({
-  value: e,
-  onChange: r,
-  disabled: t = !1,
-  className: l
-}) => {
-  const { t: o } = u(), c = s(() => {
-    t || r(e === "left" ? "right" : "left");
-  }, [t, e, r]), f = s(
-    (a) => {
-      t || (a.key === " " || a.key === "Enter") && (a.preventDefault(), c());
-    },
-    [t, c]
-  ), p = () => o(e === "left" ? "dataTable.pinSwitchPinnedLeft" : e === "right" ? "dataTable.pinSwitchPinnedRight" : "dataTable.pinSwitchNotPinned"), h = e === "right";
-  return /* @__PURE__ */ m("div", { className: n("inline-flex items-center gap-2", l), children: [
-    /* @__PURE__ */ i(
-      "span",
-      {
-        className: n(
-          "text-[10px] font-medium leading-[14px] font-[Manrope]",
-          e === "left" ? "text-pinSwitch-label-active" : "text-pinSwitch-label-inactive"
-        ),
-        children: "L"
-      }
-    ),
-    /* @__PURE__ */ i(
-      "button",
-      {
-        type: "button",
-        role: "switch",
-        "aria-checked": h,
-        "aria-label": p(),
-        "aria-disabled": t,
-        tabIndex: t ? -1 : 0,
-        onClick: c,
-        onKeyDown: f,
-        disabled: t,
-        className: n(
-          "relative flex w-[44px] h-6 items-center rounded-md border border-pinSwitch-track-border bg-pinSwitch-track-bg p-0.5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-canvas",
-          t && "opacity-50 cursor-not-allowed",
-          !t && "cursor-pointer hover:bg-pinSwitch-track-hover"
-        ),
-        children: /* @__PURE__ */ i(
-          "div",
-          {
-            className: n(
-              "absolute flex w-5 h-5 p-0.5 justify-center items-center rounded bg-white shadow-elevation-pin-switch transition-all duration-200 ease-in-out",
-              e === "right" ? "left-[calc(100%-22px)]" : "left-0.5"
-            ),
-            children: /* @__PURE__ */ i(w, { className: "w-3 h-3 text-content" })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ i(
-      "span",
-      {
-        className: n(
-          "text-[10px] font-medium leading-[14px] font-[Manrope]",
-          e === "right" ? "text-pinSwitch-label-active" : "text-pinSwitch-label-inactive"
-        ),
-        children: "R"
-      }
-    )
-  ] });
-};
-d.displayName = "PinSwitch";
-export {
-  d as PinSwitch
-};

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

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

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

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

package/dist/components/ui/date-picker/date-picker.js

@@ -1,146 +0,0 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
-import * as o from "react";
-import { Cross as Z, CalendarMonth as _ } from "impact-nova-icons";
-import { format as m, isValid as I, parse as b } from "date-fns";
-import { cn as $, padValidDateString as F, maskDate as ee } from "../../../lib/utils.js";
-import { Input as te } from "../input.js";
-import { Popover as ne, PopoverAnchor as re, PopoverContent as oe } from "../popover.js";
-import { Calendar as ce } from "../calendar.js";
-import { Tooltip as S, TooltipTrigger as E, TooltipContent as T } from "../tooltip.js";
-import { getDateFnsLocale as le } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as ie } from "../../../i18n/ImpactNovaI18nContext.js";
-const ae = o.forwardRef(
-  ({
-    value: t,
-    onChange: u,
-    format: n = "MM/dd/yyyy",
-    placeholder: j,
-    minDate: L,
-    maxDate: K,
-    startMonth: z,
-    endMonth: B,
-    showFooter: d = !0,
-    weekStartsOn: N,
-    disabled: a,
-    className: O,
-    ...H
-  }, q) => {
-    const { locale: R, t: h } = ie(), l = o.useMemo(() => le(R), [R]), G = j ?? h("datePicker.selectDate"), g = o.useRef(null), D = o.useRef(null);
-    o.useImperativeHandle(q, () => g.current);
-    const [c, i] = o.useState(!1), k = o.useRef(!1), [v, s] = o.useState(t), [p, f] = o.useState(t ? m(t, n, { locale: l }) : ""), [J, w] = o.useState(t || /* @__PURE__ */ new Date());
-    o.useEffect(() => {
-      g.current && D.current !== null && (g.current.setSelectionRange(D.current, D.current), D.current = null);
-    }, [p]), o.useEffect(() => {
-      c || (f(t ? m(t, n, { locale: l }) : ""), s(t));
-    }, [t, n, c, l]), o.useEffect(() => {
-      c && (s(t), w(t || /* @__PURE__ */ new Date()));
-    }, [c, t]);
-    const Q = (e) => {
-      s(e), e && f(m(e, n, { locale: l })), d || (u?.(e), i(!1));
-    }, U = (e) => {
-      u?.(e !== void 0 ? e : v), i(!1);
-    }, V = () => {
-      s(t), f(t ? m(t, n, { locale: l }) : ""), i(!1);
-    }, A = () => {
-      s(void 0), f(""), u?.(void 0), d || i(!1);
-    }, W = (e) => {
-      const y = e.target.value, C = ee(y, n, p);
-      if (f(C), C === "") {
-        s(void 0), d || u?.(void 0);
-        return;
-      }
-      const P = b(C, n, /* @__PURE__ */ new Date(), { locale: l });
-      I(P) && C.length === n.length && (s(P), w(P), d || u?.(P));
-    }, X = () => {
-      if (c) return;
-      const e = F(p, n), y = b(e, n, /* @__PURE__ */ new Date(), { locale: l });
-      !I(y) || e.length !== n.length ? (f(t ? m(t, n, { locale: l }) : ""), s(t)) : (f(e), d || u?.(y));
-    }, M = (t ? m(t, n, { locale: l }) : "") !== p, Y = p.length === n.length && !I(b(p, n, /* @__PURE__ */ new Date(), { locale: l }));
-    return /* @__PURE__ */ x(ne, { open: a ? !1 : c, onOpenChange: (e) => {
-      a || i(e);
-    }, children: [
-      /* @__PURE__ */ r(re, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "date-picker", "data-state": c ? "open" : "closed", "data-pending": M || void 0, children: /* @__PURE__ */ r(
-        te,
-        {
-          ref: g,
-          value: p,
-          onChange: W,
-          onBlur: X,
-          onClick: () => !a && i(!0),
-          onKeyDown: (e) => {
-            (e.key === "Enter" || e.key === "ArrowDown") && !c && !a && (e.preventDefault(), k.current = !0, i(!0)), e.key === "Escape" && c && (e.preventDefault(), V());
-          },
-          placeholder: c ? n : G,
-          disabled: a,
-          "data-form-control": "input",
-          className: $(
-            "cursor-pointer",
-            Y ? "text-destructive" : M ? "text-content-muted" : "",
-            O
-          ),
-          suffix: /* @__PURE__ */ x("div", { className: "flex items-center gap-1", children: [
-            t && !a && /* @__PURE__ */ x(S, { children: [
-              /* @__PURE__ */ r(E, { asChild: !0, children: /* @__PURE__ */ r(
-                "button",
-                {
-                  type: "button",
-                  tabIndex: 0,
-                  "aria-label": h("calendar.clear"),
-                  onClick: (e) => {
-                    e.stopPropagation(), A();
-                  },
-                  className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                  children: /* @__PURE__ */ r(Z, { className: "size-3 hover:text-content" })
-                }
-              ) }),
-              /* @__PURE__ */ r(T, { variant: "tertiary", side: "top", children: h("calendar.clear") })
-            ] }),
-            /* @__PURE__ */ x(S, { children: [
-              /* @__PURE__ */ r(E, { asChild: !0, children: /* @__PURE__ */ r("button", { type: "button", tabIndex: 0, "aria-label": h("datePicker.selectDate"), onClick: (e) => {
-                e.stopPropagation(), a || i(!c);
-              }, onKeyDown: (e) => {
-                (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), a || (k.current = !0, i(!c)));
-              }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ r(_, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-              /* @__PURE__ */ r(T, { variant: "tertiary", side: "top", children: h("datePicker.selectDate") })
-            ] })
-          ] }),
-          ...H
-        }
-      ) }) }),
-      /* @__PURE__ */ r(
-        oe,
-        {
-          className: "w-auto p-0",
-          align: "start",
-          "aria-label": h("datePicker.selectDate"),
-          onOpenAutoFocus: (e) => {
-            k.current || e.preventDefault(), k.current = !1;
-          },
-          children: /* @__PURE__ */ r(
-            ce,
-            {
-              mode: "single",
-              selected: v,
-              onSelect: Q,
-              month: J,
-              onMonthChange: w,
-              disabled: { before: L, after: K },
-              startMonth: z,
-              endMonth: B,
-              showFooter: d,
-              onApply: U,
-              onCancel: V,
-              onClear: A,
-              captionLayout: "dropdown",
-              ...N !== void 0 ? { weekStartsOn: N } : {}
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-ae.displayName = "DatePicker";
-export {
-  ae as DatePicker
-};

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

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