@cfx-dev/ui-components 0.0.23 → 0.0.24

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';

package/dist/main.js

@@ -3,133 +3,135 @@ import { clsx as p } from "./utils/clsx.js";
 import { getValue as m } from "./utils/getValue.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 O, linkify as b, linkifyx as g, matchLinkNodes as D, matchLinks as h } from "./utils/links.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 lr, Flyout as nr } 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 Tr } 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 gr } 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 lo } 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 Io } from "./components/Switch/Switch.js";
-import { Tabular as So } from "./components/Tabular/Tabular.js";
-import { Table as Bo } from "./components/Table/Table.js";
-import { Text as Ro, TextBlock as Oo } from "./components/Text/Text.js";
-import { Textarea as go } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as ho, Title as Co } from "./components/Title/Title.js";
-import { InputDropzone as Po } from "./components/InputDropzone/InputDropzone.js";
-import { B as vo, I as Fo } from "./Icons-BlBKvJD8.js";
-import { OnScreenSensor as Ao } from "./components/OnScreenSensor.js";
-import { ui as Ko } from "./components/ui.js";
-import { Symbols as wo } 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,
-  gr as Box,
-  vo 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,
-  lr as FLYOUT_OUTLET_ID,
-  Er as Flex,
-  _r as FlexRestricter,
-  nr as Flyout,
-  sr as Icon,
-  Fo as Icons,
-  cr as Indicator,
-  Tr as InfoPanel,
-  Lr as Input,
-  Po 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,
-  Ao 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,
-  lo as Shroud,
-  io as Spacer,
-  uo as Style,
-  Io as Switch,
-  wo as Symbols,
-  ho as TITLE_OUTLET_ID,
-  Bo as Table,
-  So as Tabular,
-  Ro as Text,
-  Oo as TextBlock,
-  go as Textarea,
-  Co 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,
   T as invoke,
-  O as isExternalUrl,
+  b as isExternalUrl,
   v as isFalseString,
   F as isTrueString,
-  b as linkify,
+  O as linkify,
   g as linkifyx,
-  D as matchLinkNodes,
-  h as matchLinks,
+  h as matchLinkNodes,
+  D as matchLinks,
   e as mergeRefs,
   I as noop,
   U as normalizeSlashes,
@@ -137,9 +139,10 @@ export {
   L as returnFalse,
   S as returnTrue,
   z as splitByIndices,
-  Ko as ui,
+  N as throttle,
+  Nr as ui,
   K as unicodeCharAt,
-  co as useContextualStyle,
+  Lr as useContextualStyle,
   a as useDynamicRef,
   l as useGlobalKeyboardEvent,
   n as useInstance,

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.23",
+  "version": "0.0.24",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",