impact-nova 2.0.8 → 2.1.0-alpha.1

package/dist/components/ui/radio-group.js

@@ -1,135 +0,0 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import * as m from "react";
-import * as i from "@radix-ui/react-radio-group";
-import { cn as e } from "../../lib/utils.js";
-import { Info as u } from "impact-nova-icons";
-const p = m.forwardRef(({ className: s, orientation: l = "horizontal", label: o, helperText: d, helperTextPosition: c = "absolute", isError: t, required: x, ...n }, f) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: e("flex w-full flex-col gap-[6px]", s),
-    "data-component": "radio-group",
-    "data-invalid": t || void 0,
-    children: [
-      /* @__PURE__ */ r(
-        "div",
-        {
-          className: e(
-            "flex flex-col gap-[6px]",
-            d && c === "absolute" && "relative"
-          ),
-          children: [
-            o && /* @__PURE__ */ r(
-              "label",
-              {
-                className: e(
-                  "text-xs font-medium leading-[18px] text-content-tertiary",
-                  n.disabled && "opacity-70",
-                  t && "text-destructive"
-                ),
-                children: [
-                  o,
-                  " ",
-                  x && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ a(
-              i.Root,
-              {
-                className: e(
-                  "group flex gap-4",
-                  l === "vertical" && "flex-col gap-2"
-                ),
-                "data-error": t,
-                ...n,
-                ref: f
-              }
-            ),
-            d && c === "absolute" && /* @__PURE__ */ r(
-              "div",
-              {
-                className: e(
-                  "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]",
-                  t && "text-destructive"
-                ),
-                children: [
-                  /* @__PURE__ */ a(
-                    u,
-                    {
-                      size: "xs",
-                      className: e(
-                        "shrink-0",
-                        t ? "text-destructive" : "text-content-muted"
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ a(
-                    "p",
-                    {
-                      className: e(
-                        "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                        t && "text-destructive"
-                      ),
-                      children: d
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      d && c === "flow" && /* @__PURE__ */ r(
-        "div",
-        {
-          className: e(
-            "flex items-center gap-[6px]",
-            t && "text-destructive"
-          ),
-          children: [
-            /* @__PURE__ */ a(
-              u,
-              {
-                size: "xs",
-                className: e(
-                  "shrink-0",
-                  t ? "text-destructive" : "text-content-muted"
-                )
-              }
-            ),
-            /* @__PURE__ */ a(
-              "p",
-              {
-                className: e(
-                  "text-[12px] font-medium leading-[18px] text-navigation-muted",
-                  t && "text-destructive"
-                ),
-                children: d
-              }
-            )
-          ]
-        }
-      )
-    ]
-  }
-));
-p.displayName = i.Root.displayName;
-const v = m.forwardRef(({ className: s, ...l }, o) => /* @__PURE__ */ a(
-  i.Item,
-  {
-    ref: o,
-    className: e(
-      "relative size-4 shrink-0 rounded-full border border-stroke-field bg-canvas-elevated text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:border-stroke data-[state=checked]:border-brand hover:border-brand leading-none",
-      "group-data-[error=true]:border-destructive group-data-[error=true]:data-[state=checked]:border-destructive group-data-[error=true]:text-destructive",
-      s
-    ),
-    "data-component": "radio-group-item",
-    ...l,
-    children: /* @__PURE__ */ a(i.Indicator, { className: "absolute inset-0.5 rounded-full bg-current" })
-  }
-));
-v.displayName = i.Item.displayName;
-export {
-  p as RadioGroup,
-  v as RadioGroupItem
-};

package/dist/components/ui/select/components/LabelWithSequence.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-interface LabelWithSequenceProps {
-    label: string | React.ReactNode;
-    sequence?: number;
-}
-/**
- * LabelWithSequence - Component to render a label with an optional sequence badge
- *
- * Used in Select to display sequence numbers next to selected options
- * in multi-select dropdowns with sequence tracking enabled.
- */
-declare const LabelWithSequence: ({ label, sequence }: LabelWithSequenceProps) => import("react/jsx-runtime").JSX.Element;
-export default LabelWithSequence;

package/dist/components/ui/select/components/LabelWithSequence.js

@@ -1,18 +0,0 @@
-import { jsx as e, Fragment as r, jsxs as n } from "react/jsx-runtime";
-import { Badge as a } from "../../badge.js";
-import "react";
-const l = ({ label: i, sequence: t }) => typeof i != "string" ? /* @__PURE__ */ e(r, { children: i }) : /* @__PURE__ */ n("div", { className: "flex items-center justify-between w-full min-w-0 gap-2", children: [
-  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-content-tertiary truncate flex-1 min-w-0", children: i }),
-  t !== void 0 && t > 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 leading-none flex items-center", "data-testid": `select-option-sequence-${t}`, children: /* @__PURE__ */ e(
-    a,
-    {
-      variant: "outline",
-      color: "primary",
-      className: "text-xs px-[8px] py-0.2",
-      children: t.toString()
-    }
-  ) })
-] });
-export {
-  l as default
-};

package/dist/components/ui/select/components/Submenu.d.ts

@@ -1,14 +0,0 @@
-import { Option } from '../../types/select.types';
-import { FlatOption } from '../hooks/useFlattenOptions';
-interface SubmenuProps {
-    parentOption: FlatOption | Option;
-    isMulti: boolean;
-    isReadOnly: boolean;
-    isSelected: (option: Option) => boolean;
-    getIndeterminateState: (option: Option) => boolean;
-    getSelectedCount: (option: Option) => number;
-    handleSelect: (option: Option) => void;
-    id?: string;
-}
-declare const Submenu: ({ parentOption, isMulti, isReadOnly, isSelected, getIndeterminateState, getSelectedCount, handleSelect, id, }: SubmenuProps) => import("react/jsx-runtime").JSX.Element;
-export default Submenu;

package/dist/components/ui/select/components/Submenu.js

@@ -1,91 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import * as l from "@radix-ui/react-popover";
-import { Checkbox as C } from "../../checkbox.js";
-import { ChevronRight as N, Checkmark as w } from "impact-nova-icons";
-import { cn as P } from "../../../../lib/utils.js";
-const j = ({
-  parentOption: o,
-  isMulti: i,
-  isReadOnly: c,
-  isSelected: f,
-  getIndeterminateState: x,
-  getSelectedCount: v,
-  handleSelect: h,
-  id: S
-}) => {
-  const d = "children" in o && Array.isArray(o.children) ? o.children : null;
-  if (!d) return null;
-  const u = String(o.value || "");
-  return /* @__PURE__ */ r(l.Root, { open: !0, children: [
-    /* @__PURE__ */ t(l.Anchor, { className: "absolute inset-0 pointer-events-none" }),
-    /* @__PURE__ */ t(l.Portal, { children: /* @__PURE__ */ t(
-      l.Content,
-      {
-        side: "right",
-        sideOffset: 8,
-        align: "start",
-        avoidCollisions: !0,
-        collisionPadding: 8,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        onInteractOutside: (e) => e.preventDefault(),
-        onFocusOutside: (e) => e.preventDefault(),
-        className: "select-submenu-container z-50 min-w-[180px] max-h-[300px] overflow-auto rounded-xl bg-canvas-elevated py-1 shadow-elevation-floating",
-        "data-component": "select-menu",
-        children: d.map((e) => {
-          const n = f(e), g = x(e), a = e.isDisabled, m = v(e), s = "children" in e && Array.isArray(e.children) && e.children.length > 0, p = e.isParentSelectable !== !1, b = String(e.value || "");
-          return /* @__PURE__ */ r(
-            "div",
-            {
-              className: P(
-                "relative flex h-[35px] cursor-default select-none items-center justify-between gap-1.5 rounded-[8px] px-3",
-                a ? "cursor-not-allowed bg-canvas-readonly opacity-50" : c ? "cursor-default" : "cursor-pointer hover:bg-canvas-muted",
-                n && !a && !s ? "bg-brand-subtle text-content" : "text-content"
-              ),
-              onClick: (k) => {
-                k.stopPropagation(), !a && !c && p && h(e);
-              },
-              "data-testid": `select-submenu-option-${u}-${b}`,
-              "data-state": n ? "checked" : "unchecked",
-              "data-disabled": a || void 0,
-              "data-component": "select-option",
-              children: [
-                /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
-                  i && p && /* @__PURE__ */ t(
-                    C,
-                    {
-                      checked: g ? "indeterminate" : n,
-                      disabled: a || c,
-                      onChange: () => {
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ t(
-                    "span",
-                    {
-                      className: "block truncate text-[14px] font-medium leading-5",
-                      "data-testid": `select-submenu-option-label-${u}-${b}`,
-                      "data-state": n ? "checked" : "unchecked",
-                      title: String(e.label || ""),
-                      children: e.label
-                    }
-                  ),
-                  s && m > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-content-muted font-medium", children: [
-                    "(",
-                    m,
-                    ")"
-                  ] })
-                ] }),
-                s && /* @__PURE__ */ t(N, { size: "sm", className: "text-content-icon" }),
-                !i && n && !s && /* @__PURE__ */ t(w, { className: "h-4 w-4 text-brand" })
-              ]
-            },
-            e.value
-          );
-        })
-      }
-    ) })
-  ] });
-};
-export {
-  j as default
-};

package/dist/components/ui/select/hooks/useFlattenOptions.d.ts

@@ -1,24 +0,0 @@
-import { Option, Group, MultiValue } from '../../types/select.types';
-export interface FlatOption extends Option {
-    depth: number;
-    isGroup?: boolean;
-    isSubmenuParent?: boolean;
-    parent?: FlatOption;
-    original: Option | Group;
-    naturalIndex?: number;
-}
-export declare const useFlattenOptions: <OptionType extends Option, GroupType extends Group>(options: (OptionType | GroupType)[], searchValue: string, config?: {
-    ignoreCase?: boolean;
-    ignoreAccents?: boolean;
-    matchFrom?: "any" | "start";
-    stringify?: (option: OptionType) => string;
-    trim?: boolean;
-    filterOption?: (option: OptionType, inputValue: string) => boolean;
-    enableSubMenus?: boolean;
-    enableGroups?: boolean;
-}) => {
-    flatOptions: FlatOption[];
-    isProcessing: boolean;
-    totalOptionsCount: number;
-    workerSelectAll: <OptionType_1 extends Option>(currentValues: MultiValue<OptionType_1>, isAllSelected: boolean, maxSelectableOptions: number | undefined) => Promise<MultiValue<OptionType_1>>;
-};

package/dist/components/ui/select/hooks/useFlattenOptions.js

@@ -1,233 +0,0 @@
-import { useRef as k, useMemo as j, useState as W, useEffect as _ } from "react";
-import Y from "../workers/flatten.worker.js";
-const er = (E, c, B = {}) => {
-  const {
-    ignoreCase: a = !0,
-    ignoreAccents: f = !1,
-    matchFrom: R = "any",
-    stringify: y,
-    trim: d = !0,
-    filterOption: b,
-    enableSubMenus: g = !1,
-    enableGroups: p = !1
-  } = B, h = E.length > 3e3 && !y && !b, z = k(
-    /* @__PURE__ */ new WeakMap()
-  );
-  j(() => {
-    if (h) return;
-    const e = (t) => {
-      let r = t;
-      return d && (r = r.trim()), a && (r = r.toLowerCase()), f && (r = r.normalize("NFD").replace(/[\u0300-\u036f]/g, "")), r;
-    }, S = (t) => {
-      const r = t.label;
-      return typeof r == "string" ? r : String(r);
-    }, o = (t) => {
-      t.forEach((r) => {
-        const L = y ? y(r) : S(r), O = e(L);
-        z.current.set(r, O), p && "options" in r && o(
-          r.options
-        ), g && "children" in r && Array.isArray(r.children) && o(
-          r.children
-        );
-      });
-    };
-    o(E);
-  }, [
-    E,
-    a,
-    f,
-    d,
-    y,
-    p,
-    g,
-    h
-  ]);
-  const D = j(() => {
-    if (h) return [];
-    let e = c;
-    d && (e = e.trim()), a && (e = e.toLowerCase()), f && (e = e.normalize("NFD").replace(/[\u0300-\u036f]/g, ""));
-    const S = (s) => {
-      const n = s.label;
-      return typeof n == "string" ? n : String(n);
-    }, o = (s) => {
-      const n = z.current.get(s);
-      if (n !== void 0)
-        return n;
-      let i = y ? y(s) : S(s);
-      return d && (i = i.trim()), a && (i = i.toLowerCase()), f && (i = i.normalize("NFD").replace(/[\u0300-\u036f]/g, "")), z.current.set(s, i), i;
-    }, t = (s) => {
-      if (!e) return !0;
-      const n = o(s);
-      return e.length > n.length ? !1 : R === "start" ? n.startsWith(e) : n.includes(e);
-    }, r = (s) => b ? b(s, c) : t(s), L = (s, n = 0, T = { current: 0 }) => {
-      const i = [];
-      return s.forEach((l) => {
-        let H = [];
-        p && "options" in l && (H = l.options);
-        let I = [];
-        g && "children" in l && Array.isArray(l.children) && (I = l.children);
-        const P = p && H.length > 0, M = g && I.length > 0;
-        let q;
-        !P && !M && !l.isDisabled && (T.current++, q = T.current);
-        const K = !P && r(l);
-        if (P) {
-          const A = L(
-            H,
-            n,
-            T
-          ), w = A.length > 0;
-          (K || w) && (i.push({
-            ...l,
-            depth: n,
-            isGroup: !0,
-            isSubmenuParent: !1,
-            original: l
-          }), i.push(...A));
-        } else {
-          let A = !1;
-          if (M && e) {
-            const w = (X) => X.some((F) => r(F) ? !0 : "children" in F && Array.isArray(F.children) ? w(F.children) : !1);
-            A = w(I);
-          }
-          (K || A || !e && M) && i.push({
-            ...l,
-            depth: n,
-            isGroup: !1,
-            isSubmenuParent: M,
-            original: l,
-            naturalIndex: q
-          });
-        }
-      }), i;
-    };
-    return L(E, 0, { current: 0 });
-  }, [
-    E,
-    c,
-    a,
-    f,
-    R,
-    y,
-    d,
-    b,
-    h,
-    p,
-    g
-  ]), [J, v] = W([]), [Q, G] = W(0), [N, m] = W(!1), u = k(null), C = k(0), x = k(c);
-  return h && c !== x.current && (x.current = c, N || m(!0)), _(() => () => {
-    u.current && (u.current.terminate(), u.current = null);
-  }, []), _(() => {
-    h && (u.current || (u.current = new Y(), u.current.onmessage = (e) => {
-      const { type: S, id: o, result: t } = e.data;
-      S === "SEARCH_RESULT" && o === C.current && (v(t.result), G(t.totalLeafCount || t.result.length), m(!1));
-    }), u.current?.postMessage({
-      type: "SET_OPTIONS",
-      payload: E,
-      config: {
-        enableSubMenus: g,
-        enableGroups: p
-      }
-    }), C.current += 1, m(!0), u.current?.postMessage({
-      type: "SEARCH",
-      id: C.current,
-      payload: {
-        searchValue: c,
-        config: {
-          ignoreCase: a,
-          ignoreAccents: f,
-          matchFrom: R,
-          trim: d
-        }
-      }
-    }));
-  }, [
-    E,
-    h,
-    g,
-    p,
-    a,
-    f,
-    R,
-    d,
-    c
-  ]), _(() => {
-    if (!h) {
-      v(D);
-      const o = D.reduce((t, r) => !r.isGroup && !r.isSubmenuParent && !r.isDisabled ? t + 1 : t, 0);
-      G(o), m(!1);
-      return;
-    }
-    m(!0);
-    const e = C.current + 1;
-    C.current = e;
-    const S = setTimeout(() => {
-      u.current && u.current.postMessage({
-        type: "SEARCH",
-        id: e,
-        payload: {
-          searchValue: c,
-          config: {
-            ignoreCase: a,
-            ignoreAccents: f,
-            matchFrom: R,
-            trim: d,
-            enableSubMenus: g,
-            enableGroups: p
-          }
-        }
-      });
-    }, 300);
-    return () => {
-      clearTimeout(S);
-    };
-  }, [
-    D,
-    c,
-    a,
-    f,
-    R,
-    d,
-    y,
-    b,
-    h,
-    g,
-    p
-  ]), {
-    flatOptions: J,
-    isProcessing: N,
-    totalOptionsCount: Q,
-    workerSelectAll: (e, S, o) => new Promise((t) => {
-      if (!h || !u.current) {
-        t(e);
-        return;
-      }
-      const r = C.current + 1;
-      C.current = r, m(!0);
-      const L = (O) => {
-        const { type: U, id: s, result: n } = O.data;
-        U === "SELECT_ALL_RESULT" && s === r && (u.current?.removeEventListener("message", L), m(!1), t(n));
-      };
-      u.current.addEventListener("message", L), u.current.postMessage({
-        type: "SELECT_ALL",
-        id: r,
-        payload: {
-          currentValues: e,
-          isAllSelected: S,
-          maxSelectableOptions: o,
-          searchValue: c,
-          config: {
-            ignoreCase: a,
-            ignoreAccents: f,
-            matchFrom: R,
-            trim: d,
-            enableSubMenus: g,
-            enableGroups: p
-          }
-        }
-      });
-    })
-  };
-};
-export {
-  er as useFlattenOptions
-};

package/dist/components/ui/select/hooks/useSelectionModel.d.ts

@@ -1,6 +0,0 @@
-import { Option, SingleValue, MultiValue } from '../../types/select.types';
-export interface SelectionModel {
-    mode: "include" | "exclude";
-    set: Set<string>;
-}
-export declare const useSelectionModel: <OptionType extends Option>(internalValue: SingleValue<OptionType> | MultiValue<OptionType>, isMulti: boolean) => SelectionModel;

package/dist/components/ui/select/hooks/useVisibleStats.d.ts

@@ -1,16 +0,0 @@
-import { Option, Group, SingleValue, MultiValue } from '../../types/select.types';
-import { FlatOption } from './useFlattenOptions';
-import { SelectionModel } from './useSelectionModel';
-interface VisibleStats {
-    totalVisible: number;
-    selectedVisible: number;
-}
-interface GroupStats {
-    selected: number;
-    total: number;
-}
-export declare const useVisibleStats: <OptionType extends Option>(flatOptions: FlatOption[], totalOptionsCount: number, searchValue: string, selectionModel: SelectionModel, internalValue: SingleValue<OptionType> | MultiValue<OptionType>, isMulti: boolean, enableGroups: boolean, enableSubMenus: boolean) => {
-    stats: VisibleStats;
-    getGroupStats: (item: Option | Group) => GroupStats;
-};
-export {};

package/dist/components/ui/select/hooks/useVisibleStats.js

@@ -1,54 +0,0 @@
-import { useMemo as h, useRef as g, useEffect as D } from "react";
-const z = (u, f, o, a, b, S, G, m) => {
-  const n = h(() => {
-    const r = /* @__PURE__ */ new Set();
-    if (u.length > 0)
-      for (const t of u)
-        t.isDisabled && r.add(t.value);
-    return r;
-  }, [u]), v = h(() => {
-    let r = 0, t = 0;
-    const { mode: c, set: l } = a;
-    if (!o && u.length > 0 && f > 0) {
-      let s = 0;
-      if (c === "include")
-        for (const e of n)
-          l.has(e) && s++;
-      else {
-        let e = 0;
-        for (const d of n)
-          l.has(d) && e++;
-        s = n.size - e;
-      }
-      r = f + s, c === "include" ? t = l.size : t = u.length - l.size;
-    } else
-      for (const s of u)
-        if (!s.isGroup && !s.isSubmenuParent) {
-          const e = c === "exclude" ? !l.has(s.value) : l.has(s.value);
-          (!s.isDisabled || e) && (r++, e && t++);
-        }
-    return { totalVisible: r, selectedVisible: t };
-  }, [
-    u,
-    a,
-    f,
-    o,
-    n
-  ]), i = g(/* @__PURE__ */ new Map());
-  return D(() => {
-    i.current.clear();
-  }, [u, a]), { stats: v, getGroupStats: (r) => {
-    if (i.current.has(r))
-      return i.current.get(r);
-    let t = 0, c = 0;
-    const l = (e) => {
-      "options" in e ? e.options.forEach(l) : "children" in e && Array.isArray(e.children) ? e.children.forEach(l) : e.isDisabled || (c++, (S ? a.mode === "exclude" ? !a.set.has(e.value) : a.set.has(e.value) : b?.value === e.value) && t++);
-    };
-    l(r);
-    const s = { selected: t, total: c };
-    return i.current.set(r, s), s;
-  } };
-};
-export {
-  z as useVisibleStats
-};

package/dist/components/ui/select/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Select } from './select';
-export * from '../types/select.types';
-export * from './utils/select';

package/dist/components/ui/select/index.js

@@ -1,13 +0,0 @@
-import { default as n } from "./select.js";
-import { cx as r, getIndeterminateState as i, getLeafOptions as a, getSelectedCount as c, getSequence as S, isInvertedSelection as d, isOptionArray as l, isSelected as s } from "./utils/select.js";
-export {
-  n as Select,
-  r as cx,
-  i as getIndeterminateState,
-  a as getLeafOptions,
-  c as getSelectedCount,
-  S as getSequence,
-  d as isInvertedSelection,
-  l as isOptionArray,
-  s as isSelected
-};

package/dist/components/ui/select/select.d.ts

@@ -1,6 +0,0 @@
-import { SelectProps, Option, Group } from '../types/select.types';
-declare const Select: {
-    <OptionType extends Option = Option, IsMulti extends boolean = boolean, GroupType extends Group = Group>(props: SelectProps<OptionType, IsMulti, GroupType>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Select;