@veracity/vui 0.7.1 → 1.1.0

package/theme/index.js

@@ -1,56 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.zIndices = exports.transitions = exports.transforms = exports.spaces = exports.sizes = exports.shadows = exports.screens = exports.ringWidths = exports.radii = exports.fontWeights = exports.fontSizes = exports.fonts = exports.durations = exports.colors = exports.borders = exports.animations = exports.foundations = exports.defaultTheme = exports.default = exports.components = void 0;
-var components_1 = require("./components");
-Object.defineProperty(exports, "components", { enumerable: true, get: function () { return __importDefault(components_1).default; } });
-var defaultTheme_1 = require("./defaultTheme");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(defaultTheme_1).default; } });
-Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return __importDefault(defaultTheme_1).default; } });
-var foundations_1 = require("./foundations");
-Object.defineProperty(exports, "foundations", { enumerable: true, get: function () { return __importDefault(foundations_1).default; } });
-var animations_1 = require("./foundations/animations");
-Object.defineProperty(exports, "animations", { enumerable: true, get: function () { return __importDefault(animations_1).default; } });
-var borders_1 = require("./foundations/borders");
-Object.defineProperty(exports, "borders", { enumerable: true, get: function () { return __importDefault(borders_1).default; } });
-var colors_1 = require("./foundations/colors");
-Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return __importDefault(colors_1).default; } });
-var durations_1 = require("./foundations/durations");
-Object.defineProperty(exports, "durations", { enumerable: true, get: function () { return __importDefault(durations_1).default; } });
-var fonts_1 = require("./foundations/fonts");
-Object.defineProperty(exports, "fonts", { enumerable: true, get: function () { return __importDefault(fonts_1).default; } });
-var fontSizes_1 = require("./foundations/fontSizes");
-Object.defineProperty(exports, "fontSizes", { enumerable: true, get: function () { return __importDefault(fontSizes_1).default; } });
-var fontWeights_1 = require("./foundations/fontWeights");
-Object.defineProperty(exports, "fontWeights", { enumerable: true, get: function () { return __importDefault(fontWeights_1).default; } });
-var radii_1 = require("./foundations/radii");
-Object.defineProperty(exports, "radii", { enumerable: true, get: function () { return __importDefault(radii_1).default; } });
-var ringWidths_1 = require("./foundations/ringWidths");
-Object.defineProperty(exports, "ringWidths", { enumerable: true, get: function () { return __importDefault(ringWidths_1).default; } });
-var screens_1 = require("./foundations/screens");
-Object.defineProperty(exports, "screens", { enumerable: true, get: function () { return __importDefault(screens_1).default; } });
-var shadows_1 = require("./foundations/shadows");
-Object.defineProperty(exports, "shadows", { enumerable: true, get: function () { return __importDefault(shadows_1).default; } });
-var sizes_1 = require("./foundations/sizes");
-Object.defineProperty(exports, "sizes", { enumerable: true, get: function () { return __importDefault(sizes_1).default; } });
-var spaces_1 = require("./foundations/spaces");
-Object.defineProperty(exports, "spaces", { enumerable: true, get: function () { return __importDefault(spaces_1).default; } });
-var transforms_1 = require("./foundations/transforms");
-Object.defineProperty(exports, "transforms", { enumerable: true, get: function () { return __importDefault(transforms_1).default; } });
-var transitions_1 = require("./foundations/transitions");
-Object.defineProperty(exports, "transitions", { enumerable: true, get: function () { return __importDefault(transitions_1).default; } });
-var zIndices_1 = require("./foundations/zIndices");
-Object.defineProperty(exports, "zIndices", { enumerable: true, get: function () { return __importDefault(zIndices_1).default; } });
-__exportStar(require("./types"), exports);

package/theme/types.d.ts

@@ -1,30 +0,0 @@
-import defaultTheme from './defaultTheme';
-export declare type Animation = keyof VuiTheme['animations'];
-export declare type Border = keyof VuiTheme['borders'];
-export declare type Color = keyof VuiTheme['colors'];
-export declare type Component = keyof VuiTheme['components'];
-export declare type Font = keyof VuiTheme['fonts'];
-export declare type FontSize = keyof VuiTheme['fontSizes'];
-export declare type FontWeight = keyof VuiTheme['fontWeights'];
-export declare type GridTemplateColumn = keyof VuiTheme['gridTemplateColumns'];
-export declare type GridTemplateRow = keyof VuiTheme['gridTemplateRows'];
-export declare type Radius = keyof VuiTheme['radii'];
-export declare type RingWidth = keyof VuiTheme['ringWidths'];
-export declare type Screen = keyof VuiTheme['screens'];
-export declare type Shadow = keyof VuiTheme['shadows'];
-export declare type Size = keyof VuiTheme['sizes'];
-export declare type Space = keyof VuiTheme['spaces'];
-export declare type Transform = keyof VuiTheme['transforms'];
-export declare type TransitionDuration = keyof VuiTheme['durations'];
-export declare type ZIndex = keyof VuiTheme['zIndices'];
-export declare type VuiThemeDefaults = typeof defaultTheme;
-/** Can be extended to add new properties to the theme or override default ones  */
-export interface VuiThemeExtensions {
-}
-/** Defines variant and size types of each component connected to the theme. */
-export declare type ThemingProps<ThemeComponent extends string = string> = {
-    variant?: ThemeComponent extends Component ? keyof VuiTheme['components'][ThemeComponent]['variants'] : string;
-    size?: ThemeComponent extends keyof VuiTheme['components'] ? keyof VuiTheme['components'][ThemeComponent]['sizes'] : string;
-};
-/** VUI theme definition object, containing default values and extensions */
-export declare type VuiTheme = VuiThemeDefaults & VuiThemeExtensions;

package/utils/array.d.ts

@@ -1,2 +0,0 @@
-import { Sort } from './types';
-export declare function compareBy<T extends object, K extends keyof T>(key: K, order?: Sort['order']): (item1: T, item2: T) => number;

package/utils/array.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compareBy = void 0;
-// TODO: Add it from UI-Utils
-function compareBy(key, order) {
-    if (order === void 0) { order = 'asc'; }
-    var ord = order === 'asc' ? 1 : -1;
-    return function (item1, item2) {
-        var a = item1[key];
-        var b = item2[key];
-        if (typeof a === 'string' && typeof b === 'string') {
-            return a.localeCompare(b) * ord;
-        }
-        else if (typeof a === 'number' && typeof b === 'number') {
-            return a > b ? ord : a < b ? -ord : 0;
-        }
-        else {
-            return 0;
-        }
-    };
-}
-exports.compareBy = compareBy;

package/utils/assertion.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Dict } from './types';
-/** Is value an array. */
-export declare function isArray<T>(value: any): value is T[];
-/** Is value a function. */
-export declare function isFunction<T extends Function = Function>(value: any): value is T;
-/** Is value JSX / React Element */
-export declare function isJsx<T = JSX.Element>(value: any): value is T;
-/** Is value a number. */
-export declare function isNumber(value: any): value is number;
-/** Is value a regular object (functions, arrays and React elements excluded). */
-export declare function isObject<T = Dict>(value: any): value is T;
-/** Is value a valid ReactText - string or number. */
-export declare function isReactText(value: any): value is React.ReactText;
-/** Is value a string. */
-export declare function isString(value: any): value is string;

package/utils/assertion.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isString = exports.isReactText = exports.isObject = exports.isNumber = exports.isJsx = exports.isFunction = exports.isArray = void 0;
-var react_1 = __importDefault(require("react"));
-/** Is value an array. */
-function isArray(value) {
-    return Array.isArray(value);
-}
-exports.isArray = isArray;
-/** Is value a function. */
-function isFunction(value) {
-    return typeof value === 'function';
-}
-exports.isFunction = isFunction;
-/** Is value JSX / React Element */
-function isJsx(value) {
-    return react_1.default.isValidElement(value);
-}
-exports.isJsx = isJsx;
-/** Is value a number. */
-function isNumber(value) {
-    return typeof value === 'number';
-}
-exports.isNumber = isNumber;
-/** Is value a regular object (functions, arrays and React elements excluded). */
-function isObject(value) {
-    return !!value && typeof value === 'object' && !isFunction(value) && !isArray(value) && !react_1.default.isValidElement(value);
-}
-exports.isObject = isObject;
-/** Is value a valid ReactText - string or number. */
-function isReactText(value) {
-    return isNumber(value) || isString(value);
-}
-exports.isReactText = isReactText;
-/** Is value a string. */
-function isString(value) {
-    return Object.prototype.toString.call(value) === '[object String]';
-}
-exports.isString = isString;

package/utils/function.d.ts

@@ -1,9 +0,0 @@
-import { AnyFunction } from './types';
-/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */
-export declare function callAll(...fns: (AnyFunction | undefined)[]): (...args: any[]) => void;
-export declare function noop(): void;
-/**
- * If given value is a function, it's called with any additional arguments provided.
- * Otherwise, the provided value is returned directly.
- */
-export declare function runIfFn<T, U>(valueOrFn: T | ((...fnArgs: U[]) => T), ...args: U[]): T;

package/utils/function.js

@@ -1,59 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runIfFn = exports.noop = exports.callAll = void 0;
-var assertion_1 = require("./assertion");
-/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */
-function callAll() {
-    var fns = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        fns[_i] = arguments[_i];
-    }
-    return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return fns.forEach(function (fn) { return typeof fn === 'function' && fn.apply(void 0, __spreadArray([], __read(args), false)); });
-    };
-}
-exports.callAll = callAll;
-// Used as a safe default to be called when no function is provided.
-function noop() { }
-exports.noop = noop;
-/**
- * If given value is a function, it's called with any additional arguments provided.
- * Otherwise, the provided value is returned directly.
- */
-function runIfFn(valueOrFn) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return (0, assertion_1.isFunction)(valueOrFn) ? valueOrFn.apply(void 0, __spreadArray([], __read(args), false)) : valueOrFn;
-}
-exports.runIfFn = runIfFn;

package/utils/index.d.ts

@@ -1,8 +0,0 @@
-export * from './array';
-export * from './assertion';
-export * from './function';
-export * from './number';
-export * from './object';
-export * from './react';
-export * from './styles';
-export * from './types';

package/utils/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./array"), exports);
-__exportStar(require("./assertion"), exports);
-__exportStar(require("./function"), exports);
-__exportStar(require("./number"), exports);
-__exportStar(require("./object"), exports);
-__exportStar(require("./react"), exports);
-__exportStar(require("./styles"), exports);
-__exportStar(require("./types"), exports);

package/utils/number.d.ts

@@ -1,2 +0,0 @@
-/** Returns a random integer within the provided range. Default: 0 - 1000000 */
-export declare function random(start?: number, end?: number): number;

package/utils/number.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.random = void 0;
-/** Returns a random integer within the provided range. Default: 0 - 1000000 */
-function random(start, end) {
-    if (start === void 0) { start = 0; }
-    if (end === void 0) { end = 1000000; }
-    return Math.floor(Math.random() * end) + start;
-}
-exports.random = random;

package/utils/object.d.ts

@@ -1,17 +0,0 @@
-import { Dict } from './types';
-/** Removes keys from an object if their value is undefined. */
-export declare function filterUndefined<T = Dict>(object: T): Partial<T>;
-/**
- * Recursively deep merges two objects in an immutable fashion, following these rules:
- * - Key exists in target and both keys are objects => merge
- * - Key exists in target and both keys are arrays => concat (not unique)
- * - Key isn't an object, an array or doesn't exist in target => override
- */
-export declare function merge<S1 extends Dict>(s1: S1): S1;
-export declare function merge<S1 extends Dict, S2 extends Dict>(s1: S1, s2: S2): S1 & S2;
-export declare function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict>(s1: S1, s2: S2, s3: S3): S1 & S2 & S3;
-export declare function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict, S4 extends Dict>(s1: S1, s2: S2, s3: S3, s4: S4): S1 & S2 & S3 & S4;
-/**
- * Returns the items of an object that meet the condition specified in a callback function.
- */
-export declare function objectFilter<T extends Dict, K extends keyof T>(object: T, fn: (value: any, key: string, object: T) => boolean): Partial<T>;

package/utils/object.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.objectFilter = exports.merge = exports.filterUndefined = void 0;
-var assertion_1 = require("./assertion");
-/** Removes keys from an object if their value is undefined. */
-function filterUndefined(object) {
-    return objectFilter(object, function (val) { return val !== null && val !== undefined; });
-}
-exports.filterUndefined = filterUndefined;
-function merge() {
-    var sources = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        sources[_i] = arguments[_i];
-    }
-    var target = {};
-    sources.forEach(function (source) {
-        if (!(0, assertion_1.isObject)(source))
-            return;
-        Object.keys(source).forEach(function (key) {
-            if (key === '__proto__')
-                return;
-            if ((0, assertion_1.isObject)(target[key]) && (0, assertion_1.isObject)(source[key])) {
-                // Merge objects
-                target[key] = merge(target[key], source[key]);
-            }
-            else if ((0, assertion_1.isArray)(target[key]) && (0, assertion_1.isArray)(source[key])) {
-                // Concat arrays
-                target[key] = target[key].concat(source[key]);
-            }
-            else if (source[key] !== undefined) {
-                // Pick source if it exists
-                target[key] = source[key];
-            }
-        });
-    });
-    return target;
-}
-exports.merge = merge;
-/**
- * Returns the items of an object that meet the condition specified in a callback function.
- */
-function objectFilter(object, fn) {
-    var result = {};
-    Object.keys(object).forEach(function (key) {
-        var value = object[key];
-        var shouldPass = fn(value, key, object);
-        if (shouldPass) {
-            result[key] = value;
-        }
-    });
-    return result;
-}
-exports.objectFilter = objectFilter;

package/utils/react.d.ts

@@ -1,39 +0,0 @@
-import React, { DependencyList, RefObject } from 'react';
-import { AnyFunction, CreateContextOptions, CreateContextReturn } from './types';
-declare type ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>;
-/**
- * Assigns given value to the provided ref.
- * Supports ref as function (e.g. useState) and classic ref (e.g. useRef).
- */
-export declare function assignRef<T = any>(ref: ReactRef<T> | undefined, value: T): void;
-/** Generic function to create new Context and context access hook. */
-export declare function createContext<ContextType>(options?: CreateContextOptions): CreateContextReturn<ContextType>;
-/** Assigns a node to all provided refs. */
-export declare function mergeRefs<T>(...refs: (ReactRef<T> | undefined)[]): (node: T | null) => void;
-/** Returns given callback with a stable reference, but keeps it updated internally. */
-export declare function useCallbackRef<T extends AnyFunction>(callback?: T, deps?: DependencyList): T;
-/**
- * Triggers given callback when an event happens outside of a given element.
- * Event listeners are attached to the window object.
- * @param ref - element to check click position for
- * @param callback - function triggered on outside click
- * @param events - array of events listened for (default: ['mousedown', 'touchstart'])
- */
-export declare function useClickOutside(ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[], callback?: (event: Event) => void, events?: string[]): void;
-export declare type UseControlledProps<T> = {
-    value?: T;
-    defaultValue?: T;
-    onChange?: (value: T) => void;
-};
-/** Supports state management in components that can be controlled or uncontrolled. */
-export declare function useControlled<T>(props: UseControlledProps<T>): [T, React.Dispatch<React.SetStateAction<T>>, {
-    isControlled: boolean;
-    reset: () => void;
-}];
-/** Returns an array with each prefix added to the id. Useful for aria attributes in compound components. */
-export declare function useIds(id: string, prefixes: string[]): string[];
-/**
- * Provides a function, which can be called to check if component using the hook is mounted or unmounted.
- */
-export declare function useIsMounted(): () => boolean;
-export {};

package/utils/react.js

@@ -1,181 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMounted = exports.useIds = exports.useControlled = exports.useClickOutside = exports.useCallbackRef = exports.mergeRefs = exports.createContext = exports.assignRef = void 0;
-var react_1 = __importStar(require("react"));
-var assertion_1 = require("./assertion");
-var function_1 = require("./function");
-/**
- * Assigns given value to the provided ref.
- * Supports ref as function (e.g. useState) and classic ref (e.g. useRef).
- */
-function assignRef(ref, value) {
-    if (ref === null || ref === undefined)
-        return;
-    if ((0, assertion_1.isFunction)(ref)) {
-        ref(value);
-        return;
-    }
-    try {
-        // @ts-ignore - TS complains about 'current' being read-only
-        ref.current = value;
-    }
-    catch (error) {
-        throw new Error("Cannot assign value '" + value + "' to ref '" + ref + "'");
-    }
-}
-exports.assignRef = assignRef;
-/** Generic function to create new Context and context access hook. */
-function createContext(options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.errorMessage, errorMessage = _a === void 0 ? 'Context can only be accessed by components wrapped with the Provider.' : _a, isOptional = options.isOptional, name = options.name;
-    var Context = react_1.default.createContext(undefined);
-    Context.displayName = name;
-    function useContext() {
-        var context = react_1.default.useContext(Context);
-        if (!isOptional && context === undefined)
-            throw new Error(errorMessage);
-        return context;
-    }
-    return [Context.Provider, useContext];
-}
-exports.createContext = createContext;
-/** Assigns a node to all provided refs. */
-function mergeRefs() {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    return function (node) {
-        refs.forEach(function (ref) { return assignRef(ref, node); });
-    };
-}
-exports.mergeRefs = mergeRefs;
-// TODO: Bring it from UI-Utils
-/** Returns given callback with a stable reference, but keeps it updated internally. */
-function useCallbackRef(callback, deps) {
-    if (deps === void 0) { deps = []; }
-    var ref = (0, react_1.useRef)(callback);
-    ref.current = callback;
-    return (0, react_1.useCallback)((function () {
-        var _a;
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([ref], __read(args), false));
-    }), deps);
-}
-exports.useCallbackRef = useCallbackRef;
-var defaultEvents = ['mousedown', 'touchstart'];
-// TODO: Bring it from UI-Utils
-/**
- * Triggers given callback when an event happens outside of a given element.
- * Event listeners are attached to the window object.
- * @param ref - element to check click position for
- * @param callback - function triggered on outside click
- * @param events - array of events listened for (default: ['mousedown', 'touchstart'])
- */
-function useClickOutside(ref, callback, events) {
-    if (events === void 0) { events = defaultEvents; }
-    var eventsString = JSON.stringify(events);
-    var listener = useCallbackRef(function (ev) {
-        var refs = (0, assertion_1.isArray)(ref) ? ref : [ref];
-        var target = ev.target;
-        var isClickOutside = refs.every(function (ref) { return ref.current && !ref.current.contains(target); });
-        isClickOutside && (callback === null || callback === void 0 ? void 0 : callback(ev));
-    });
-    (0, react_1.useEffect)(function () {
-        var events = JSON.parse(eventsString);
-        events.forEach(function (event) { return window.addEventListener(event, listener); });
-        return function () {
-            events.forEach(function (event) { return window.removeEventListener(event, listener); });
-        };
-    }, [eventsString, ref]);
-}
-exports.useClickOutside = useClickOutside;
-// TODO: Move to ui-utils
-/** Supports state management in components that can be controlled or uncontrolled. */
-function useControlled(props) {
-    var defaultValue = props.defaultValue, onChangeProp = props.onChange, valueProp = props.value;
-    var _a = __read((0, react_1.useState)(defaultValue), 2), valueState = _a[0], setValue = _a[1];
-    var isControlled = valueProp !== undefined;
-    var value = isControlled ? valueProp : valueState;
-    /** Triggers the external callback with the new value. In uncontrolled mode, updates state. */
-    var onChange = useCallbackRef(function (next) {
-        var newValue = (0, function_1.runIfFn)(next);
-        if (!isControlled)
-            setValue(newValue);
-        onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(newValue);
-    });
-    /** In uncontrolled mode, sets the state to the default value. */
-    var reset = useCallbackRef(function () {
-        !isControlled && defaultValue && onChange(defaultValue);
-    });
-    return [value, onChange, { isControlled: isControlled, reset: reset }];
-}
-exports.useControlled = useControlled;
-/** Returns an array with each prefix added to the id. Useful for aria attributes in compound components. */
-function useIds(id, prefixes) {
-    return prefixes.map(function (prefix) { return prefix + "-" + id; });
-}
-exports.useIds = useIds;
-// TODO: Bring it from ui-utils
-/**
- * Provides a function, which can be called to check if component using the hook is mounted or unmounted.
- */
-function useIsMounted() {
-    var isMounted = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(function () {
-        isMounted.current = true;
-        return function () {
-            isMounted.current = false;
-        };
-    }, []);
-    return (0, react_1.useCallback)(function () { return isMounted.current; }, []);
-}
-exports.useIsMounted = useIsMounted;

package/utils/styles.d.ts

@@ -1,4 +0,0 @@
-/** Concatenates individual className arguments and returns a single string. */
-export declare function cs(...classNames: any[]): string;
-/** Converts hex color value to rgb with optional alpha property. */
-export declare function hexToRGBA(hex: string, alpha?: number): string;

package/utils/styles.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hexToRGBA = exports.cs = void 0;
-/** Concatenates individual className arguments and returns a single string. */
-function cs() {
-    var classNames = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        classNames[_i] = arguments[_i];
-    }
-    return classNames.filter(Boolean).join(' ');
-}
-exports.cs = cs;
-/** Converts hex color value to rgb with optional alpha property. */
-function hexToRGBA(hex, alpha) {
-    var hexStr = hex;
-    if (hexStr.charAt(0) === '#') {
-        hexStr = hexStr.slice(1);
-    }
-    if (hexStr.length < 4) {
-        hexStr = hexStr
-            .split('')
-            .map(function (char) { return char + char; })
-            .join('');
-    }
-    var r = parseInt(hexStr.slice(0, 2), 16);
-    var g = parseInt(hexStr.slice(2, 4), 16);
-    var b = parseInt(hexStr.slice(4, 6), 16);
-    if (alpha !== undefined) {
-        return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
-    }
-    else {
-        return "rgb(" + r + ", " + g + ", " + b + ")";
-    }
-}
-exports.hexToRGBA = hexToRGBA;