@cfx-dev/ui-components 0.0.5

package/dist/utils/clsx.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Adopted from MIT-licensed https://github.com/lukeed/clsx/blob/08a5a7f3f61fd05036c8599e4c4a4e5cdef43d7a/src/index.js
+ */
+type TPrim = string | number | boolean | void | undefined | null;
+type TVal = TPrim | Record<string, TPrim> | Array<TPrim>;
+export declare function clsx(...args: TVal[]): string;
+export {};

package/dist/utils/clsx.js

@@ -0,0 +1,14 @@
+function o(r) {
+  if (!r)
+    return "";
+  if (typeof r == "string" || typeof r == "number")
+    return r.toString();
+  const t = [];
+  return typeof r == "object" && (Array.isArray(r) ? r.forEach((e) => t.push(o(e))) : Object.values(r).forEach((e) => t.push(o(e)))), t.filter(Boolean).join(" ");
+}
+function n(...r) {
+  return [...r].map((t) => o(t)).filter(Boolean).join(" ");
+}
+export {
+  n as clsx
+};

package/dist/utils/functional.d.ts

@@ -0,0 +1,5 @@
+export declare function noop(): void;
+export declare function returnTrue(): true;
+export declare function returnFalse(): false;
+export declare function identity<T>(x: T): T;
+export declare function invoke<T extends () => void>(x: T): void;

package/dist/utils/functional.js

@@ -0,0 +1,8 @@
+import { i as e, b as n, n as s, a as o, r as t } from "../functional-C0pE183N.js";
+export {
+  e as identity,
+  n as invoke,
+  s as noop,
+  o as returnFalse,
+  t as returnTrue
+};

package/dist/utils/getValue.d.ts

@@ -0,0 +1,2 @@
+export type ValueOrGetter<T> = T | (() => T);
+export declare function getValue(value: (() => any) | any): any;

package/dist/utils/getValue.js

@@ -0,0 +1,6 @@
+function n(t) {
+  return typeof t == "function" ? t() : t;
+}
+export {
+  n as getValue
+};

package/dist/utils/hooks.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export declare function useInstance<T, Args extends any[]>(init: (...args: Args) => T, ...args: Args): T;
+export declare function useDynamicRef<T>(value: T): React.MutableRefObject<T>;
+export declare function useGlobalKeyboardEvent<T extends (event: KeyboardEvent) => void>(callbackRef: React.MutableRefObject<T>, eventName?: 'keydown' | 'keyup' | 'keypress', capturing?: boolean): void;
+export declare namespace useGlobalKeyboardEvent {
+    var shouldProcessEvent: (event: KeyboardEvent) => boolean;
+}
+export declare function useKeyboardClose<T extends () => void>(callback: T): void;
+export declare namespace useKeyboardClose {
+    var isCloseEvent: (event: KeyboardEvent) => boolean;
+}
+export declare function useWindowResize<T extends () => void>(callback: T): void;

package/dist/utils/hooks.js

@@ -0,0 +1,9 @@
+import "react";
+import { u as o, d as u, c as n, b as r, a as b } from "../hooks-Bv1kQUpO.js";
+export {
+  o as useDynamicRef,
+  u as useGlobalKeyboardEvent,
+  n as useInstance,
+  r as useKeyboardClose,
+  b as useWindowResize
+};

package/dist/utils/links.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+
+export declare function isExternalUrl(url: string): boolean;
+export interface ILinkSubstitute {
+    indices: [number, number];
+    url: string;
+}
+export interface ILinkMatch {
+    key: string;
+    text: string;
+    url: string;
+}
+export declare function matchLinks(text: string): ILinkSubstitute[];
+export declare function matchLinkNodes(text: string): Generator<string | {
+    key: string;
+    text: string;
+    url: string;
+}, void, unknown>;
+export declare function defaultLinkReplacerx(key: string, text: string, url: string): React.ReactNode;
+export declare function defaultLinkReplacer(text: string, url: string): string;
+export declare function linkifyx(text: string, replacer?: typeof defaultLinkReplacerx): React.ReactNode;
+export declare function linkify(text: string, replacer?: typeof defaultLinkReplacer): string;
+export interface LinkifyProps {
+    text: string;
+    replacer?: typeof defaultLinkReplacerx;
+}
+export declare function Linkify(props: LinkifyProps): import("react/jsx-runtime").JSX.Element;

package/dist/utils/links.js

@@ -0,0 +1,14 @@
+import "react/jsx-runtime";
+import { L as t, b as l, d as n, i as k, e as m, c as f, a as o, m as p } from "../links-CgOD-Vfj.js";
+import "react";
+import "../string-NVxCUbqk.js";
+export {
+  t as Linkify,
+  l as defaultLinkReplacer,
+  n as defaultLinkReplacerx,
+  k as isExternalUrl,
+  m as linkify,
+  f as linkifyx,
+  o as matchLinkNodes,
+  p as matchLinks
+};

package/dist/utils/math.d.ts

@@ -0,0 +1,2 @@
+export declare function clamp01(n: number): number;
+export declare function clamp(n: number, min: number, max: number): number;

package/dist/utils/math.js

@@ -0,0 +1,5 @@
+import { a as m, c as p } from "../math-i2ceybzU.js";
+export {
+  m as clamp,
+  p as clamp01
+};

package/dist/utils/mergeRefs.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export default function mergeRefs<T = any>(...refs: (React.MutableRefObject<T> | React.LegacyRef<T> | undefined)[]): React.RefCallback<T>;

package/dist/utils/mergeRefs.js

@@ -0,0 +1,10 @@
+function f(...e) {
+  return (t) => {
+    e.forEach((n) => {
+      typeof n == "function" ? n(t) : n != null && (n.current = t);
+    });
+  };
+}
+export {
+  f as default
+};

package/dist/utils/outlet.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export declare function attachOutlet(id: string): React.FC<React.PropsWithChildren>;
+export declare function createOutlet(): React.FC<React.PropsWithChildren>;

package/dist/utils/outlet.js

@@ -0,0 +1,6 @@
+import "../index-C75OpfGQ.js";
+import { a as r, c } from "../outlet-C4wpavcH.js";
+export {
+  r as attachOutlet,
+  c as createOutlet
+};

package/dist/utils/string.d.ts

@@ -0,0 +1,6 @@
+export declare function unicodeCharAt(string: string, index: number): string;
+export declare function splitByIndices(text: string, indices: number[], unicodeIndices?: boolean): Map<number, string>;
+export declare function replaceRange(str: string, replacement: string, start: number, end: number): string;
+export declare function normalizeSlashes(str: string): string;
+export declare function isTrueString(str: string): boolean;
+export declare function isFalseString(str: string): boolean;

package/dist/utils/string.js

@@ -0,0 +1,9 @@
+import { b as e, i, n as r, r as n, a as l, u as t } from "../string-NVxCUbqk.js";
+export {
+  e as isFalseString,
+  i as isTrueString,
+  r as normalizeSlashes,
+  n as replaceRange,
+  l as splitByIndices,
+  t as unicodeCharAt
+};

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@cfx-dev/ui-components",
+  "private": false,
+  "version": "0.0.5",
+  "type": "module",
+  "license": "MIT",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig-build.json && vite build",
+    "lint": "eslint --quiet \"src/**/*{ts,tsx}\" \"lib/**/*{ts,tsx}\"",
+    "lint:fix": "eslint --fix --quiet \"src/**/*{ts,tsx}\" \"lib/**/*{ts,tsx}\"",
+    "preview": "vite preview",
+    "prepublishOnly": "yarn build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "@radix-ui/react-select": "^1.0.0",
+    "@types/react-window": "^1.8.5",
+    "autolinker": "^3.14.3",
+    "flag-icons": "^6.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-focus-lock": "^2.9.1",
+    "react-icons": "^4.4.0",
+    "react-window": "^1.8.8"
+  },
+  "dependencies": {
+    "@radix-ui/react-select": "^1.0.0",
+    "@types/react-window": "^1.8.5",
+    "autolinker": "^3.14.3",
+    "flag-icons": "^6.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-focus-lock": "^2.9.1",
+    "react-icons": "^4.4.0",
+    "react-window": "^1.8.8"
+  },
+  "devDependencies": {
+    "@cfx-dev/eslint-config-ui": "^0.0.10",
+    "@chromatic-com/storybook": "1.5.0",
+    "@storybook/addon-essentials": "^8.1.5",
+    "@storybook/addon-interactions": "^8.1.5",
+    "@storybook/addon-links": "^8.1.5",
+    "@storybook/addon-onboarding": "^8.1.5",
+    "@storybook/blocks": "^8.1.5",
+    "@storybook/react": "^8.1.5",
+    "@storybook/react-vite": "^8.1.5",
+    "@storybook/test": "^8.1.5",
+    "@stylistic/eslint-plugin": "^2.1.0",
+    "@types/node": "^20.12.13",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.1",
+    "sass": "^1.77.4",
+    "storybook": "^8.1.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-static-copy": "^1.0.5"
+  }
+}