@cfx-dev/ui-components 0.0.22 → 0.0.24

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

@@ -13,5 +13,5 @@ interface ITableProps {
     sortOrder?: 'asc' | 'desc';
     onSortChange?: (sortBy: string, sortOrder: 'asc' | 'desc') => void;
 }
-declare function Table({ headers, data, includeRadio, onSelectChange, dataContainer, useSort, sortBy: initialSortBy, sortOrder: initialSortOrder, onSortChange, }: ITableProps): import("react/jsx-runtime").JSX.Element;
-export default Table;
+export declare function Table({ headers, data, includeRadio, onSelectChange, dataContainer, useSort, sortBy: initialSortBy, sortOrder: initialSortOrder, onSortChange, }: ITableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/Table.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import o, { useState as i } from "react";
+import d, { useState as i } from "react";
 import { F, a as A } from "../../index.esm-BkynlSN6.js";
 import '../../assets/Table.css';const E = "_selectedRow_1jg2j_23", _ = {
   "table-responsive": "_table-responsive_1jg2j_1",
@@ -14,12 +14,12 @@ function S({
   useSort: m = !1,
   sortBy: j,
   sortOrder: v = "asc",
-  onSortChange: d
+  onSortChange: o
 }) {
   const [b, f] = i(null), [u, y] = i(j), [R, k] = i(v), O = (e) => {
     const l = u === e && R === "asc" ? "desc" : "asc";
-    y(e), k(l), d == null || d(e, l);
-  }, $ = o.useCallback((e) => {
+    y(e), k(l), o == null || o(e, l);
+  }, $ = d.useCallback((e) => {
     f(parseInt(e.target.value, 10)), c == null || c(parseInt(e.target.value, 10));
   }, [f, c]);
   return /* @__PURE__ */ t("div", { className: _.table, children: /* @__PURE__ */ a("table", { children: [
@@ -48,7 +48,7 @@ function S({
           ) }),
           e.map((l, B) => {
             let r;
-            return o.isValidElement(l) ? r = l : p ? r = o.createElement(p, { item: l }) : r = String(l), /* @__PURE__ */ t("td", { children: r }, `item-${B}`);
+            return d.isValidElement(l) ? r = l : p ? r = d.createElement(p, { item: l }) : r = String(l), /* @__PURE__ */ t("td", { children: r }, `item-${B}`);
           })
         ]
       },
@@ -57,5 +57,5 @@ function S({
   ] }) });
 }
 export {
-  S as default
+  S as Table
 };

package/dist/main.d.ts

@@ -6,9 +6,11 @@ export { noop, returnTrue, returnFalse, identity, invoke, } from './utils/functi
 export { isExternalUrl, matchLinks, matchLinkNodes, defaultLinkReplacerx, defaultLinkReplacer, linkifyx, linkify, Linkify, } from './utils/links';
 export { clamp01, clamp, } from './utils/math';
 export { unicodeCharAt, splitByIndices, replaceRange, normalizeSlashes, isTrueString, isFalseString, } from './utils/string';
+export { debounce, throttle, } from './utils/execution';
 export type { ValueOrGetter } from './utils/getValue';
 export type { ILinkSubstitute, ILinkMatch, LinkifyProps, } from './utils/links';
 export type { OutletPosition } from './utils/hooks';
+export type { SetTimeoutReturn } from './utils/execution';
 export { Checkbox } from './components/Checkbox/Checkbox';
 export { Button } from './components/Button/Button';
 export { LinkButton } from './components/Button/LinkButton';
@@ -51,6 +53,7 @@ export { Spacer } from './components/Spacer/Spacer';
 export { Style, useContextualStyle } from './components/Style/Style';
 export { Switch } from './components/Switch/Switch';
 export { Tabular } from './components/Tabular/Tabular';
+export { Table } from './components/Table/Table';
 export { Text, TextBlock } from './components/Text/Text';
 export { Textarea } from './components/Textarea/Textarea';
 export { Title, TITLE_OUTLET_ID } from './components/Title/Title';

package/dist/main.js

@@ -1,146 +1,151 @@
 import { mergeRefs as e } from "./utils/mergeRefs.js";
 import { clsx as p } from "./utils/clsx.js";
 import { getValue as m } from "./utils/getValue.js";
-import { useDynamicRef as a, useGlobalKeyboardEvent as n, useInstance as l, useKeyboardClose as i, useOutlet as s, useWindowResize as u } from "./utils/hooks.js";
-import { identity as d, invoke as I, noop as T, returnFalse as L, returnTrue as S } from "./utils/functional.js";
-import { Linkify as B, defaultLinkReplacer as k, defaultLinkReplacerx as R, isExternalUrl as O, linkify as g, linkifyx as D, matchLinkNodes as b, matchLinks as h } from "./utils/links.js";
+import { useDynamicRef as a, useGlobalKeyboardEvent as l, useInstance as n, useKeyboardClose as i, useOutlet as s, useWindowResize as u } from "./utils/hooks.js";
+import { identity as d, invoke as T, noop as I, returnFalse as L, returnTrue as S } from "./utils/functional.js";
+import { Linkify as B, defaultLinkReplacer as k, defaultLinkReplacerx as R, isExternalUrl as b, linkify as O, linkifyx as g, matchLinkNodes as h, matchLinks as D } from "./utils/links.js";
 import { clamp as E, clamp01 as P } from "./utils/math.js";
 import { isFalseString as v, isTrueString as F, normalizeSlashes as U, replaceRange as A, splitByIndices as z, unicodeCharAt as K } from "./utils/string.js";
-import { Checkbox as w } from "./components/Checkbox/Checkbox.js";
-import { Button as Y } from "./components/Button/Button.js";
-import { LinkButton as M } from "./components/Button/LinkButton.js";
-import { ButtonBar as j } from "./components/Button/ButtonBar.js";
-import { Avatar as H } from "./components/Avatar/Avatar.js";
-import { BACKDROP_OUTLET_ID as Q, BackdropPortal as X } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as $ } from "./components/Badge/Badge.js";
-import { ControlBox as or } from "./components/ControlBox/ControlBox.js";
-import { CountryFlag as tr } from "./components/CountryFlag/CountryFlag.js";
-import { Decorate as xr } from "./components/Decorate/Decorate.js";
-import { Dot as fr } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as nr, Flyout as lr } from "./components/Flyout/Flyout.js";
-import { Icon as sr } from "./components/Icon/Icon.js";
-import { Indicator as cr } from "./components/Indicator/Indicator.js";
-import { InfoPanel as Ir } from "./components/InfoPanel/InfoPanel.js";
-import { Input as Lr } from "./components/Input/Input.js";
-import { RichInput as yr } from "./components/Input/RichInput.js";
-import { Interactive as kr } from "./components/Interactive/Interactive.js";
-import { Island as Or } from "./components/Island/Island.js";
-import { Box as Dr } from "./components/Layout/Box/Box.js";
-import { Center as hr } from "./components/Layout/Center/Center.js";
-import { Flex as Er } from "./components/Layout/Flex/Flex.js";
-import { FlexRestricter as _r } from "./components/Layout/Flex/FlexRestricter.js";
-import { Pad as Fr } from "./components/Layout/Pad/Pad.js";
-import { Page as Ar } from "./components/Layout/Page/Page.js";
-import { Scrollable as Kr } from "./components/Layout/Scrollable/Scrollable.js";
-import { VirtualScrollable as wr } from "./components/Layout/Scrollable/VirtualScrollable.js";
-import { Loaf as Yr } from "./components/Loaf/Loaf.js";
-import { Modal as Mr } from "./components/Modal/Modal.js";
-import { NavList as jr } from "./components/NavList/NavList.js";
-import { OVERLAY_OUTLET_ID as Hr, Overlay as Jr } from "./components/Overlay/Overlay.js";
-import { Popover as Xr } from "./components/Popover/Popover.js";
-import { PremiumBadge as $r } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as oo } from "./components/Prose/Prose.js";
-import { Radio as to } from "./components/Radio/Radio.js";
-import { Select as xo } from "./components/Select/Select.js";
-import { Separator as fo } from "./components/Separator/Separator.js";
-import { Shroud as no } from "./components/Shroud/Shroud.js";
-import { Spacer as io } from "./components/Spacer/Spacer.js";
-import { Style as uo, useContextualStyle as co } from "./components/Style/Style.js";
-import { Switch as To } from "./components/Switch/Switch.js";
-import { Tabular as So } from "./components/Tabular/Tabular.js";
-import { Text as Bo, TextBlock as ko } from "./components/Text/Text.js";
-import { Textarea as Oo } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as Do, Title as bo } from "./components/Title/Title.js";
-import { InputDropzone as Co } from "./components/InputDropzone/InputDropzone.js";
-import { B as Po, I as _o } from "./Icons-BlBKvJD8.js";
-import { OnScreenSensor as Fo } from "./components/OnScreenSensor.js";
-import { ui as Ao } from "./components/ui.js";
-import { Symbols as Ko } from "./components/Symbols.js";
+import { debounce as w, throttle as N } from "./utils/execution.js";
+import { Checkbox as G } from "./components/Checkbox/Checkbox.js";
+import { Button as W } from "./components/Button/Button.js";
+import { LinkButton as q } from "./components/Button/LinkButton.js";
+import { ButtonBar as J } from "./components/Button/ButtonBar.js";
+import { Avatar as X } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as $, BackdropPortal as oo } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as eo } from "./components/Badge/Badge.js";
+import { ControlBox as po } from "./components/ControlBox/ControlBox.js";
+import { CountryFlag as mo } from "./components/CountryFlag/CountryFlag.js";
+import { Decorate as ao } from "./components/Decorate/Decorate.js";
+import { Dot as no } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as so, Flyout as uo } from "./components/Flyout/Flyout.js";
+import { Icon as To } from "./components/Icon/Icon.js";
+import { Indicator as Lo } from "./components/Indicator/Indicator.js";
+import { InfoPanel as yo } from "./components/InfoPanel/InfoPanel.js";
+import { Input as ko } from "./components/Input/Input.js";
+import { RichInput as bo } from "./components/Input/RichInput.js";
+import { Interactive as go } from "./components/Interactive/Interactive.js";
+import { Island as Do } from "./components/Island/Island.js";
+import { Box as Eo } from "./components/Layout/Box/Box.js";
+import { Center as _o } from "./components/Layout/Center/Center.js";
+import { Flex as Fo } from "./components/Layout/Flex/Flex.js";
+import { FlexRestricter as Ao } from "./components/Layout/Flex/FlexRestricter.js";
+import { Pad as Ko } from "./components/Layout/Pad/Pad.js";
+import { Page as wo } from "./components/Layout/Page/Page.js";
+import { Scrollable as Yo } from "./components/Layout/Scrollable/Scrollable.js";
+import { VirtualScrollable as Mo } from "./components/Layout/Scrollable/VirtualScrollable.js";
+import { Loaf as jo } from "./components/Loaf/Loaf.js";
+import { Modal as Ho } from "./components/Modal/Modal.js";
+import { NavList as Qo } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as Zo, Overlay as $o } from "./components/Overlay/Overlay.js";
+import { Popover as rr } from "./components/Popover/Popover.js";
+import { PremiumBadge as tr } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as xr } from "./components/Prose/Prose.js";
+import { Radio as fr } from "./components/Radio/Radio.js";
+import { Select as lr } from "./components/Select/Select.js";
+import { Separator as ir } from "./components/Separator/Separator.js";
+import { Shroud as ur } from "./components/Shroud/Shroud.js";
+import { Spacer as dr } from "./components/Spacer/Spacer.js";
+import { Style as Ir, useContextualStyle as Lr } from "./components/Style/Style.js";
+import { Switch as yr } from "./components/Switch/Switch.js";
+import { Tabular as kr } from "./components/Tabular/Tabular.js";
+import { Table as br } from "./components/Table/Table.js";
+import { Text as gr, TextBlock as hr } from "./components/Text/Text.js";
+import { Textarea as Cr } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as Pr, Title as _r } from "./components/Title/Title.js";
+import { InputDropzone as Fr } from "./components/InputDropzone/InputDropzone.js";
+import { B as Ar, I as zr } from "./Icons-BlBKvJD8.js";
+import { OnScreenSensor as Vr } from "./components/OnScreenSensor.js";
+import { ui as Nr } from "./components/ui.js";
+import { Symbols as Gr } from "./components/Symbols.js";
 export {
-  H as Avatar,
-  Q as BACKDROP_OUTLET_ID,
-  X as BackdropPortal,
-  $ as Badge,
-  Dr as Box,
-  Po as BrandIcon,
-  Y as Button,
-  j as ButtonBar,
-  hr as Center,
-  w as Checkbox,
-  or as ControlBox,
-  tr as CountryFlag,
-  xr as Decorate,
-  fr as Dot,
-  nr as FLYOUT_OUTLET_ID,
-  Er as Flex,
-  _r as FlexRestricter,
-  lr as Flyout,
-  sr as Icon,
-  _o as Icons,
-  cr as Indicator,
-  Ir as InfoPanel,
-  Lr as Input,
-  Co as InputDropzone,
-  kr as Interactive,
-  Or as Island,
-  M as LinkButton,
+  X as Avatar,
+  $ as BACKDROP_OUTLET_ID,
+  oo as BackdropPortal,
+  eo as Badge,
+  Eo as Box,
+  Ar as BrandIcon,
+  W as Button,
+  J as ButtonBar,
+  _o as Center,
+  G as Checkbox,
+  po as ControlBox,
+  mo as CountryFlag,
+  ao as Decorate,
+  no as Dot,
+  so as FLYOUT_OUTLET_ID,
+  Fo as Flex,
+  Ao as FlexRestricter,
+  uo as Flyout,
+  To as Icon,
+  zr as Icons,
+  Lo as Indicator,
+  yo as InfoPanel,
+  ko as Input,
+  Fr as InputDropzone,
+  go as Interactive,
+  Do as Island,
+  q as LinkButton,
   B as Linkify,
-  Yr as Loaf,
-  Mr as Modal,
-  jr as NavList,
-  Hr as OVERLAY_OUTLET_ID,
-  Fo as OnScreenSensor,
-  Jr as Overlay,
-  Fr as Pad,
-  Ar as Page,
-  Xr as Popover,
-  $r as PremiumBadge,
-  oo as Prose,
-  to as Radio,
-  yr as RichInput,
-  Kr as Scrollable,
-  xo as Select,
-  fo as Separator,
-  no as Shroud,
-  io as Spacer,
-  uo as Style,
-  To as Switch,
-  Ko as Symbols,
-  Do as TITLE_OUTLET_ID,
-  So as Tabular,
-  Bo as Text,
-  ko as TextBlock,
-  Oo as Textarea,
-  bo as Title,
-  wr as VirtualScrollable,
+  jo as Loaf,
+  Ho as Modal,
+  Qo as NavList,
+  Zo as OVERLAY_OUTLET_ID,
+  Vr as OnScreenSensor,
+  $o as Overlay,
+  Ko as Pad,
+  wo as Page,
+  rr as Popover,
+  tr as PremiumBadge,
+  xr as Prose,
+  fr as Radio,
+  bo as RichInput,
+  Yo as Scrollable,
+  lr as Select,
+  ir as Separator,
+  ur as Shroud,
+  dr as Spacer,
+  Ir as Style,
+  yr as Switch,
+  Gr as Symbols,
+  Pr as TITLE_OUTLET_ID,
+  br as Table,
+  kr as Tabular,
+  gr as Text,
+  hr as TextBlock,
+  Cr as Textarea,
+  _r as Title,
+  Mo as VirtualScrollable,
   E as clamp,
   P as clamp01,
   p as clsx,
+  w as debounce,
   k as defaultLinkReplacer,
   R as defaultLinkReplacerx,
   m as getValue,
   d as identity,
-  I as invoke,
-  O as isExternalUrl,
+  T as invoke,
+  b as isExternalUrl,
   v as isFalseString,
   F as isTrueString,
-  g as linkify,
-  D as linkifyx,
-  b as matchLinkNodes,
-  h as matchLinks,
+  O as linkify,
+  g as linkifyx,
+  h as matchLinkNodes,
+  D as matchLinks,
   e as mergeRefs,
-  T as noop,
+  I as noop,
   U as normalizeSlashes,
   A as replaceRange,
   L as returnFalse,
   S as returnTrue,
   z as splitByIndices,
-  Ao as ui,
+  N as throttle,
+  Nr as ui,
   K as unicodeCharAt,
-  co as useContextualStyle,
+  Lr as useContextualStyle,
   a as useDynamicRef,
-  n as useGlobalKeyboardEvent,
-  l as useInstance,
+  l as useGlobalKeyboardEvent,
+  n as useInstance,
   i as useKeyboardClose,
   s as useOutlet,
   u as useWindowResize

package/dist/utils/execution.d.ts

@@ -0,0 +1,3 @@
+export type SetTimeoutReturn = ReturnType<typeof setTimeout>;
+export declare function debounce<A extends unknown[]>(fn: (...args: A) => void, time: number): (...args: A) => void;
+export declare function throttle<A extends unknown[]>(fn: (...args: A) => void, time: number): (...args: A) => void;

package/dist/utils/execution.js

@@ -0,0 +1,20 @@
+function n(e, l) {
+  let t = null;
+  return (...u) => {
+    t !== null && clearTimeout(t), t = setTimeout(() => {
+      t = null, e(...u);
+    }, l);
+  };
+}
+function r(e, l) {
+  let t = null;
+  return (...u) => {
+    t === null && (t = setTimeout(() => {
+      t = null;
+    }, l), e(...u));
+  };
+}
+export {
+  n as debounce,
+  r as throttle
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "0.0.22",
+  "version": "0.0.24",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",