@cfx-dev/ui-components 0.0.19 → 0.0.21

package/dist/components/InputDropzone/ItemPreview.d.ts

@@ -0,0 +1,8 @@
+import { FileWithPath } from 'react-dropzone';
+
+export interface ItemPreviewProps {
+    file: FileWithPath;
+    onRemoveFile: (file: FileWithPath) => void;
+    removeAriaLabel?: string;
+}
+export declare function ItemPreview({ file, onRemoveFile, removeAriaLabel, }: ItemPreviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/InputDropzone/ItemPreview.js

@@ -0,0 +1,24 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import c from "react";
+import { Button as i } from "../Button/Button.js";
+import { I as m } from "../../Icons-BlBKvJD8.js";
+import '../../assets/ItemPreview.css';const h = "_root_15ual_1", p = "_filePath_15ual_13", n = {
+  root: h,
+  filePath: p
+};
+function P({
+  file: t,
+  onRemoveFile: a,
+  removeAriaLabel: o = ""
+}) {
+  const r = c.useCallback(() => {
+    a(t);
+  }, [t, a]), e = c.useMemo(() => `${o}${o ? ", " : ""}${t.path}`, [o, t.path]);
+  return /* @__PURE__ */ l("div", { className: n.root, children: [
+    /* @__PURE__ */ s("span", { className: n.filePath, children: t.path }),
+    /* @__PURE__ */ s(i, { ariaLabel: e, size: "small", icon: m.exit, onClick: r })
+  ] });
+}
+export {
+  P as ItemPreview
+};

package/dist/components/Layout/Scrollable/Rail.js

@@ -2,9 +2,9 @@ import "react/jsx-runtime";
 import "react";
 import "../../Interactive/Interactive.js";
 import "../../../utils/clsx.js";
-import "../../../hooks-GAujvL7d.js";
-import "../../../math-i2ceybzU.js";
-import { R as e } from "../../../Rail-BCY3h7eP.js";
+import "../../../utils/hooks.js";
+import "../../../utils/math.js";
+import { R as e } from "../../../Rail-CCuyJpf6.js";
 export {
   e as Rail
 };

package/dist/components/Layout/Scrollable/Scrollable.js

@@ -2,8 +2,8 @@ import { jsxs as j, jsx as n } from "react/jsx-runtime";
 import r from "react";
 import { useContextualStyle as W } from "../../Style/Style.js";
 import { clsx as b } from "../../../utils/clsx.js";
-import k from "../../../utils/mergeRefs.js";
-import { s as o, R as w } from "../../../Rail-BCY3h7eP.js";
+import { mergeRefs as k } from "../../../utils/mergeRefs.js";
+import { s as o, R as w } from "../../../Rail-CCuyJpf6.js";
 const N = {
   size: 0,
   scrollPos: 0,

package/dist/components/Layout/Scrollable/VirtualScrollable.js

@@ -1,13 +1,12 @@
 import { jsx as R } from "react/jsx-runtime";
 import N, { createElement as k, PureComponent as re } from "react";
-import { _ as ie } from "../../../extends-Dk_bSU3E.js";
+import { _ as ie } from "../../../extends-hS2Bh-Yp.js";
 import { _ as ne } from "../../../inheritsLoose-A8WKSWDx.js";
 import { clsx as oe } from "../../../utils/clsx.js";
 import { Scrollable as le } from "./Scrollable.js";
-import { s as se } from "../../../Rail-BCY3h7eP.js";
+import { s as se } from "../../../Rail-CCuyJpf6.js";
 function $(r) {
-  if (r === void 0)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
 }
 var q = Number.isNaN || function(t) {

package/dist/components/Modal/Modal.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export interface ModalProps {
     children: React.ReactNode;
     onClose?: () => void;

package/dist/components/Modal/Modal.js

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { Button as _ } from "../Button/Button.js";
-import { I as f } from "../../Icons-B26SczGZ.js";
 import { Overlay as s } from "../Overlay/Overlay.js";
-import { n } from "../../functional-C0pE183N.js";
-import { c as h } from "../../hooks-GAujvL7d.js";
+import { I as f } from "../../Icons-BlBKvJD8.js";
+import { noop as n } from "../../utils/functional.js";
+import { useKeyboardClose as h } from "../../utils/hooks.js";
 import '../../assets/Modal.css';const v = "_root_1v8ee_1", C = "_close_1v8ee_27", u = "_header_1v8ee_37", N = "_footer_1v8ee_47", r = {
   root: v,
   "modal-appearance": "_modal-appearance_1v8ee_1",

package/dist/components/NavList/NavList.js

@@ -2,19 +2,19 @@ import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import d from "react";
 import { Interactive as _ } from "../Interactive/Interactive.js";
 import { clsx as v } from "../../utils/clsx.js";
-import { n as f } from "../../functional-C0pE183N.js";
+import { noop as f } from "../../utils/functional.js";
 import { getValue as c } from "../../utils/getValue.js";
 import '../../assets/NavList.css';const p = "_root_2ug76_1", u = "_item_2ug76_5", N = "_active_2ug76_23", g = "_icon_2ug76_33", t = {
   root: p,
   item: u,
   active: N,
   icon: g
-}, k = d.forwardRef(function(e, n) {
+}, k = d.forwardRef(function(e, r) {
   const {
-    items: r,
+    items: n,
     activeItemId: s,
     onActivate: a = f
-  } = e, m = r.map((o) => /* @__PURE__ */ l(
+  } = e, m = n.map((o) => /* @__PURE__ */ l(
     _,
     {
       className: v(t.item, { [t.active]: o.id === s }),
@@ -26,7 +26,7 @@ import '../../assets/NavList.css';const p = "_root_2ug76_1", u = "_item_2ug76_5"
     },
     o.id
   ));
-  return /* @__PURE__ */ i("div", { ref: n, className: t.root, children: m });
+  return /* @__PURE__ */ i("div", { ref: r, className: t.root, children: m });
 });
 export {
   k as NavList

package/dist/components/OnScreenSensor.js

@@ -1,7 +1,7 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { n as o } from "../functional-C0pE183N.js";
-import { u as s } from "../hooks-GAujvL7d.js";
+import { noop as o } from "../utils/functional.js";
+import { useDynamicRef as s } from "../utils/hooks.js";
 const l = {
   width: "0",
   height: "0"
@@ -14,12 +14,12 @@ function h(c) {
   return t.useEffect(() => {
     if (!e.current)
       return;
-    const n = new IntersectionObserver((a) => {
-      const [r] = a;
+    const n = new IntersectionObserver((p) => {
+      const [r] = p;
       r && (r.isIntersecting ? u.current() : m.current());
     });
     return n.observe(e.current), () => n.disconnect();
-  }, []), /* @__PURE__ */ p("span", { ref: e, style: l });
+  }, []), /* @__PURE__ */ a("span", { ref: e, style: l });
 }
 export {
   h as OnScreenSensor

package/dist/components/Overlay/Overlay.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 
+export declare const OVERLAY_OUTLET_ID = "overlay-outlet";
 export interface OverlayProps {
     children: React.ReactNode;
     className?: string;

package/dist/components/Overlay/Overlay.js

@@ -1,28 +1,29 @@
-import { jsx as t } from "react/jsx-runtime";
-import n from "react";
-import { F as i } from "../../Combination-Dj-a6dCZ.js";
+import { jsx as r } from "react/jsx-runtime";
+import a from "react";
+import { F as i } from "../../Combination-Dp_plIQU.js";
 import { Interactive as m } from "../Interactive/Interactive.js";
 import { clsx as e } from "../../utils/clsx.js";
-import { a as u } from "../../hooks-GAujvL7d.js";
-import '../../assets/Overlay.css';const f = "_root_15udb_1", _ = "_backdrop_15udb_9", p = "_content_15udb_27", a = {
-  root: f,
-  backdrop: _,
+import { useOutlet as u } from "../../utils/hooks.js";
+import '../../assets/Overlay.css';const _ = "_root_15udb_1", f = "_backdrop_15udb_9", p = "_content_15udb_27", n = {
+  root: _,
+  backdrop: f,
   "backdrop-appearance": "_backdrop-appearance_15udb_1",
   content: p
-};
+}, b = "overlay-outlet";
 function l(c) {
   const {
     className: o,
-    children: r
-  } = c, s = e(a.root, o), d = u("overlay-outlet");
-  return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t("div", { className: s, children: r }) });
+    children: t
+  } = c, s = e(n.root, o), d = u(b);
+  return /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("div", { className: s, children: t }) });
 }
-l.Backdrop = n.forwardRef(function(o, r) {
-  return /* @__PURE__ */ t(m, { ref: r, onClick: o.onClick, className: e(a.backdrop, o.className), children: o.children });
+l.Backdrop = a.forwardRef(function(o, t) {
+  return /* @__PURE__ */ r(m, { ref: t, onClick: o.onClick, className: e(n.backdrop, o.className), children: o.children });
 });
-l.Content = n.forwardRef(function(o, r) {
-  return /* @__PURE__ */ t("div", { ref: r, className: e(a.content, o.className), children: /* @__PURE__ */ t(i, { children: o.children }) });
+l.Content = a.forwardRef(function(o, t) {
+  return /* @__PURE__ */ r("div", { ref: t, className: e(n.content, o.className), children: /* @__PURE__ */ r(i, { children: o.children }) });
 });
 export {
+  b as OVERLAY_OUTLET_ID,
   l as Overlay
 };