@cfx-dev/ui-components 4.2.24 → 4.3.1

package/dist/cfxIcons-BNd1WgpX.js

@@ -1,96 +0,0 @@
-import r from "./components/Icons/cfx-icons/Close.js";
-import o from "./components/Icons/cfx-icons/Controller.js";
-import m from "./components/Icons/cfx-icons/Copy.js";
-import t from "./components/Icons/cfx-icons/DownArrow.js";
-import i from "./components/Icons/cfx-icons/DownChevron.js";
-import p from "./components/Icons/cfx-icons/Download.js";
-import f from "./components/Icons/cfx-icons/Expand.js";
-import e from "./components/Icons/cfx-icons/ExternalLink.js";
-import n from "./components/Icons/cfx-icons/Heart.js";
-import l from "./components/Icons/cfx-icons/HeartFilled.js";
-import a from "./components/Icons/cfx-icons/Help.js";
-import s from "./components/Icons/cfx-icons/LeftArrow.js";
-import h from "./components/Icons/cfx-icons/LeftChevron.js";
-import u from "./components/Icons/cfx-icons/Map.js";
-import c from "./components/Icons/cfx-icons/Menu.js";
-import C from "./components/Icons/cfx-icons/Minus.js";
-import d from "./components/Icons/cfx-icons/More.js";
-import U from "./components/Icons/cfx-icons/MoreInfo.js";
-import v from "./components/Icons/cfx-icons/Pencil.js";
-import w from "./components/Icons/cfx-icons/Play.js";
-import S from "./components/Icons/cfx-icons/Plus.js";
-import g from "./components/Icons/cfx-icons/Refresh.js";
-import y from "./components/Icons/cfx-icons/RightArrow.js";
-import M from "./components/Icons/cfx-icons/RightChevron.js";
-import b from "./components/Icons/cfx-icons/Search.js";
-import A from "./components/Icons/cfx-icons/Sort.js";
-import P from "./components/Icons/cfx-icons/Square.js";
-import R from "./components/Icons/cfx-icons/SquareCheck.js";
-import T from "./components/Icons/cfx-icons/Stop.js";
-import _ from "./components/Icons/cfx-icons/Tick.js";
-import k from "./components/Icons/cfx-icons/Transfer.js";
-import x from "./components/Icons/cfx-icons/Trash.js";
-import D from "./components/Icons/cfx-icons/Undo.js";
-import H from "./components/Icons/cfx-icons/UpArrow.js";
-import I from "./components/Icons/cfx-icons/UpChevron.js";
-import L from "./components/Icons/cfx-icons/Upload.js";
-import O from "./components/Icons/cfx-icons/Users.js";
-import V from "./components/Icons/cfx-icons/Visibility.js";
-import j from "./components/Icons/cfx-icons/VisibilityOff.js";
-import q from "./components/Icons/cfx-icons/Warning.js";
-import E from "./components/Icons/cfx-icons/Cart.js";
-import z from "./components/Icons/cfx-icons/User.js";
-import B from "./components/Icons/cfx-icons/Verified.js";
-import F from "./components/Icons/cfx-icons/UpvotesBurst.js";
-import W from "./components/Icons/cfx-icons/UpvotesRecurring.js";
-const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Cart: E,
-  Close: r,
-  Controller: o,
-  Copy: m,
-  DownArrow: t,
-  DownChevron: i,
-  Download: p,
-  Expand: f,
-  ExternalLink: e,
-  Heart: n,
-  HeartFilled: l,
-  Help: a,
-  LeftArrow: s,
-  LeftChevron: h,
-  Map: u,
-  Menu: c,
-  Minus: C,
-  More: d,
-  MoreInfo: U,
-  Pencil: v,
-  Play: w,
-  Plus: S,
-  Refresh: g,
-  RightArrow: y,
-  RightChevron: M,
-  Search: b,
-  Sort: A,
-  Square: P,
-  SquareCheck: R,
-  Stop: T,
-  Tick: _,
-  Transfer: k,
-  Trash: x,
-  Undo: D,
-  UpArrow: H,
-  UpChevron: I,
-  Upload: L,
-  UpvotesBurst: F,
-  UpvotesRecurring: W,
-  User: z,
-  Users: O,
-  Verified: B,
-  Visibility: V,
-  VisibilityOff: j,
-  Warning: q
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Or as I
-};

package/dist/components/Table/Table.d.ts

@@ -1,42 +0,0 @@
-import { default as React } from 'react';
-import { IconButtonProps } from '../IconButton';
-
-export interface TableHeaderType {
-    text: string;
-    sortable?: boolean;
-    sortKey?: string;
-}
-export type TableRowType = Array<string | number | Date | React.ReactNode>;
-export type TableDataContainerType = React.FC<{
-    item: string | number | Date | React.ReactNode;
-}>;
-export declare function TableIconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;
-export interface TableHeaderItemProps {
-    item: TableHeaderType;
-    onSortClick?: (sortKey: string) => void;
-}
-export declare function TableHeaderItem(props: TableHeaderItemProps): import("react/jsx-runtime").JSX.Element;
-export interface TableRowProps {
-    index: number;
-    item: TableRowType;
-    onSelectChange: (rowIndex: number | null) => void;
-    includeRadio?: boolean;
-    loading?: boolean;
-    selectedRow?: number | null;
-    dataContainer?: TableDataContainerType;
-}
-export declare function TableRow(props: TableRowProps): import("react/jsx-runtime").JSX.Element;
-export interface TableProps {
-    headers: TableHeaderType[];
-    data: TableRowType[];
-    includeRadio?: boolean;
-    loading?: boolean;
-    onSelectChange?: (rowIndex: number | null) => void;
-    dataContainer?: TableDataContainerType;
-    selectedRow?: number | null;
-    sortBy?: string;
-    sortOrder?: 'asc' | 'desc';
-    onSortChange?: (sortBy: string, sortOrder: 'asc' | 'desc') => void;
-    className?: string;
-}
-export declare function Table({ headers, data, includeRadio, loading, onSelectChange, dataContainer, selectedRow: outerSelectedRow, sortBy: outerSortBy, sortOrder: outerSortOrder, onSortChange, className, }: TableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/Table.js

@@ -1,170 +0,0 @@
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import l, { useState as k } from "react";
-import I from "../Checkbox/Checkbox.js";
-import $ from "../IconButton/IconButton.js";
-import { Text as S } from "../Text/Text.js";
-import "../../utils/ui/ui.js";
-import { clsx as u } from "../../utils/clsx.js";
-const j = "cfxui__Table__tableIcon__f8e96", z = "cfxui__Table__iconButton__ac6da", A = "cfxui__Table__root__591ed", E = "cfxui__Table__radio__70dd7", O = "cfxui__Table__radioContent__35cef", g = "cfxui__Table__pointer__7b6a4", F = "cfxui__Table__selectedRow__f7130", H = "cfxui__Table__headerText__02722", V = "cfxui__Table__headerContent__f0e66", q = "cfxui__Table__hidden__e4ac6", c = {
-  tableIcon: j,
-  iconButton: z,
-  root: A,
-  radio: E,
-  radioContent: O,
-  pointer: g,
-  selectedRow: F,
-  headerText: H,
-  headerContent: V,
-  hidden: q
-};
-function D(i) {
-  const {
-    className: e,
-    color: o = "inherit"
-  } = i, r = u(c.tableIcon, c.iconButton, e);
-  return /* @__PURE__ */ t($, { ...i, className: r, color: o });
-}
-function G(i) {
-  const {
-    item: e,
-    onSortClick: o
-  } = i, r = l.useCallback(() => {
-    o && o(e.sortKey || e.text);
-  }, [e.sortKey, e.text, o]), s = u(c.headerContent, {
-    [c.sortable]: e.sortable,
-    [c.empty]: !e.text
-  });
-  return /* @__PURE__ */ t(
-    "th",
-    {
-      className: e.sortable ? c.pointer : void 0,
-      onClick: e.sortable ? r : void 0,
-      children: /* @__PURE__ */ C("div", { className: s, children: [
-        /* @__PURE__ */ t(
-          S,
-          {
-            className: c.headerText,
-            color: "secondary",
-            letterSpacing: "large",
-            weight: "bold",
-            uppercase: !0,
-            size: "xxsmall",
-            children: e.text
-          }
-        ),
-        !!e.sortable && /* @__PURE__ */ t(
-          D,
-          {
-            name: "Sort",
-            onClick: r
-          }
-        )
-      ] })
-    }
-  );
-}
-function J(i) {
-  const {
-    index: e,
-    includeRadio: o = !1,
-    loading: r,
-    selectedRow: s,
-    item: T,
-    dataContainer: m,
-    onSelectChange: d
-  } = i, h = l.useCallback((n) => {
-    d(
-      n ? e : null
-    );
-  }, [d, e]), b = l.useCallback(() => {
-    d(e);
-  }, [d, e]), p = u({
-    [c.selectedRow]: s === e,
-    [c.pointer]: o
-  });
-  return /* @__PURE__ */ C(
-    "tr",
-    {
-      className: p,
-      onClick: o ? b : void 0,
-      children: [
-        o && /* @__PURE__ */ t("td", { className: u(c.radio, { [c.hidden]: r }), children: /* @__PURE__ */ t("div", { className: c.radioContent, children: /* @__PURE__ */ t(
-          I,
-          {
-            size: "small",
-            onCheckedChange: h,
-            "aria-label": `${e}`,
-            checked: s === e
-          }
-        ) }) }),
-        T.map((n, x) => {
-          let f;
-          return l.isValidElement(n) ? f = n : m ? f = l.createElement(m, { item: n }) : f = String(n), /* @__PURE__ */ t("td", { children: f }, `item-${x}`);
-        })
-      ]
-    },
-    `row-${e}`
-  );
-}
-function X({
-  headers: i = [],
-  data: e = [],
-  includeRadio: o = !1,
-  loading: r = !1,
-  onSelectChange: s,
-  dataContainer: T,
-  selectedRow: m = null,
-  sortBy: d,
-  sortOrder: h = "asc",
-  onSortChange: b,
-  className: p
-}) {
-  const [n, x] = k(m), [f, w] = k(d), [N, R] = k(h), v = l.useCallback((a) => {
-    const B = f === a && N === "asc" ? "desc" : "asc";
-    w(a), R(B), b == null || b(a, B);
-  }, [b, f, N]), y = l.useCallback(
-    (a) => {
-      const _ = a === n ? null : a;
-      x(_), s == null || s(_);
-    },
-    [s, n]
-  );
-  return l.useEffect(() => {
-    x(m);
-  }, [m]), l.useEffect(() => {
-    w(d);
-  }, [d]), l.useEffect(() => {
-    R(h);
-  }, [h]), /* @__PURE__ */ t("div", { className: u(c.root, p), children: /* @__PURE__ */ C("table", { children: [
-    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ C("tr", { children: [
-      o && /* @__PURE__ */ t("th", { "aria-label": "Select Row" }),
-      i.map((a, _) => /* @__PURE__ */ t(
-        G,
-        {
-          item: a,
-          onSortClick: v
-        },
-        `header-${_}`
-      ))
-    ] }) }),
-    /* @__PURE__ */ t("tbody", { children: e.map((a, _) => /* @__PURE__ */ t(
-      J,
-      {
-        index: _,
-        item: a,
-        includeRadio: o,
-        loading: r,
-        selectedRow: n,
-        onSelectChange: y,
-        dataContainer: T
-      },
-      `row-${_}`
-    )) })
-  ] }) });
-}
-export {
-  X as Table,
-  G as TableHeaderItem,
-  D as TableIconButton,
-  J as TableRow
-};