@addev-be/ui 2.7.6 → 3.0.6

package/dist/components/layout/Modal/index.js

@@ -1,77 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var hooks_1 = require("../../../providers/hooks");
-var Modal = function (_a) {
-    var children = _a.children, closeOnBackdropClick = _a.closeOnBackdropClick, onClose = _a.onClose, props = __rest(_a, ["children", "closeOnBackdropClick", "onClose"]);
-    var createPortal = (0, hooks_1.usePortals)().createPortal;
-    var modalPortal = (0, react_1.useMemo)(function () {
-        return createPortal((0, jsx_runtime_1.jsx)(styles.ModalBackdrop, { onClick: closeOnBackdropClick ? onClose : undefined, children: (0, jsx_runtime_1.jsx)(styles.ModalContainer, __assign({}, props, { children: children })) }));
-    }, [children, closeOnBackdropClick, createPortal, onClose, props]);
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: modalPortal });
-};
-exports.Modal = Modal;
-exports.Modal.Header = styles.ModalHeader;
-exports.Modal.Message = styles.ModalMessage;
-exports.Modal.Content = styles.ModalContent;
-exports.Modal.ContentWithIcon = styles.ModalContentWithIcon;
-exports.Modal.Footer = styles.ModalFooter;
-exports.Modal.Buttons = styles.ModalButtons;

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

@@ -1,16 +0,0 @@
-import { ThemeColor } from '../../../providers/ThemeProvider/types';
-export declare const ModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export type ModalContainerProps = {
-    $width?: number;
-    $height?: number;
-    $zIndex?: number;
-    $fullscreen?: boolean;
-    $color?: ThemeColor;
-};
-export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, ModalContainerProps>> & string;
-export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const ModalMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, never>, never>> & string;
-export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const ModalContentWithIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const ModalButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>>, never>, never>> & string;

package/dist/components/layout/Modal/styles.js

@@ -1,66 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalButtons = exports.ModalFooter = exports.ModalContentWithIcon = exports.ModalContent = exports.ModalMessage = exports.ModalHeader = exports.ModalContainer = exports.ModalBackdrop = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-exports.ModalBackdrop = styled_components_1.default.div.attrs({
-    className: 'ModalBackdrop',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: fixed;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
-exports.ModalContainer = styled_components_1.default.div.attrs({
-    className: 'ModalContainer',
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: var(--color-base-100);\n  border-radius: var(--rounded-lg);\n  box-shadow: var(--shadow-lg);\n  display: flex;\n  flex-direction: column;\n  max-height: 100vh;\n  overflow: hidden;\n\n  position: fixed;\n  z-index: 1001;\n  ", "\n\n  ", "\n"], ["\n  background: var(--color-base-100);\n  border-radius: var(--rounded-lg);\n  box-shadow: var(--shadow-lg);\n  display: flex;\n  flex-direction: column;\n  max-height: 100vh;\n  overflow: hidden;\n\n  position: fixed;\n  z-index: 1001;\n  ", "\n\n  ", "\n"])), function (_a) {
-    var $fullscreen = _a.$fullscreen, $width = _a.$width, $height = _a.$height;
-    return $fullscreen
-        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          margin: var(--space-4);\n        "], ["\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          margin: var(--space-4);\n        "]))) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: ", ";\n          height: ", ";\n        "], ["\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: ", ";\n          height: ", ";\n        "])), $width ? "".concat($width, "px") : 'auto', $height ? "".concat($height, "px") : 'auto');
-}, function (_a) {
-    var $color = _a.$color;
-    return $color
-        ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          border: 1px solid var(--color-", "-500);\n          box-shadow: 0 0 var(--space-3) var(--color-", "-500);\n        "], ["\n          border: 1px solid var(--color-", "-500);\n          box-shadow: 0 0 var(--space-3) var(--color-", "-500);\n        "])), $color, $color) : null;
-});
-exports.ModalHeader = styled_components_1.default.div.attrs({ className: 'ModalHeader' })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: bold;\n  font-size: var(--text-lg);\n  padding: var(--space-2);\n  background-color: var(--color-base-200);\n  padding: var(--space-4);\n"], ["\n  font-weight: bold;\n  font-size: var(--text-lg);\n  padding: var(--space-2);\n  background-color: var(--color-base-200);\n  padding: var(--space-4);\n"])));
-exports.ModalMessage = styled_components_1.default.p.attrs({ className: 'ModalMessage' })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-bottom: 1rem;\n"], ["\n  margin-bottom: 1rem;\n"])));
-exports.ModalContent = styled_components_1.default.div.attrs({ className: 'ModalContent' })(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: auto;\n  padding: var(--space-4);\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: auto;\n  padding: var(--space-4);\n"])));
-exports.ModalContentWithIcon = styled_components_1.default.div.attrs({
-    className: 'ModalContentWithIcon',
-})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4);\n  gap: var(--space-2);\n\n  & > svg {\n    margin: var(--space-2);\n    width: var(--space-6);\n    height: var(--space-6);\n  }\n\n  & > :not(svg) {\n    flex: 1;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4);\n  gap: var(--space-2);\n\n  & > svg {\n    margin: var(--space-2);\n    width: var(--space-6);\n    height: var(--space-6);\n  }\n\n  & > :not(svg) {\n    flex: 1;\n  }\n"])));
-exports.ModalFooter = styled_components_1.default.div.attrs({ className: 'ModalFooter' })(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: var(--space-2);\n  background-color: var(--color-base-200);\n  padding: var(--space-4);\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: var(--space-2);\n  background-color: var(--color-base-200);\n  padding: var(--space-4);\n"])));
-exports.ModalButtons = (0, styled_components_1.default)(exports.ModalFooter).attrs({
-    className: 'ModalButtons',
-})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n\n  button.right:first-of-type {\n    margin-left: auto;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n\n  button.right:first-of-type {\n    margin-left: auto;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

package/dist/components/layout/index.d.ts

@@ -1,7 +0,0 @@
-export * from './Columns';
-export * from './Dropdown';
-export * from './Flexbox';
-export * from './Grid';
-export * from './Loading';
-export * from './Masonry';
-export * from './Modal';

package/dist/components/layout/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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("./Columns"), exports);
-__exportStar(require("./Dropdown"), exports);
-__exportStar(require("./Flexbox"), exports);
-__exportStar(require("./Grid"), exports);
-__exportStar(require("./Loading"), exports);
-__exportStar(require("./Masonry"), exports);
-__exportStar(require("./Modal"), exports);

package/dist/components/search/HighlightedText.d.ts

@@ -1,5 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const HighlightedText: FC<{
-    text: string;
-    highlight?: string;
-} & HTMLAttributes<HTMLSpanElement>>;

package/dist/components/search/HighlightedText.js

@@ -1,45 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HighlightedText = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var text_1 = require("../../helpers/text");
-var HighlightedText = function (_a) {
-    var text = _a.text, highlight = _a.highlight, props = __rest(_a, ["text", "highlight"]);
-    var textWithoutHtml = (0, react_1.useMemo)(function () { return (0, text_1.extractTextFromHTML)(text); }, [text]);
-    var parts = (0, react_1.useMemo)(function () {
-        var _a;
-        return highlight
-            ? (_a = textWithoutHtml === null || textWithoutHtml === void 0 ? void 0 : textWithoutHtml.split(new RegExp("(".concat((0, text_1.escapeForRegExp)(highlight), ")"), 'gi')).filter(Boolean)) !== null && _a !== void 0 ? _a : []
-            : [];
-    }, [highlight, textWithoutHtml]);
-    if (!highlight || !parts.length) {
-        return (0, jsx_runtime_1.jsx)("span", __assign({}, props, { children: textWithoutHtml }));
-    }
-    return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { children: parts.map(function (part, index) { return ((0, jsx_runtime_1.jsx)("span", { style: part.toLowerCase() === highlight.toLowerCase()
-                ? { backgroundColor: 'gold' }
-                : {}, children: part }, index)); }) })));
-};
-exports.HighlightedText = HighlightedText;

package/dist/components/search/QuickSearchBar.d.ts

@@ -1,10 +0,0 @@
-import { ComponentProps, FC } from 'react';
-import { SearchTypeDefinitions } from './types';
-import { Input } from '../forms/styles';
-type QuickSearchBarProps<R> = {
-    types: SearchTypeDefinitions<R>;
-    placeholder?: string;
-    inputComponent?: FC<ComponentProps<typeof Input>>;
-};
-export declare const QuickSearchBar: <R>({ types, placeholder, inputComponent: InputComponent, }: QuickSearchBarProps<R>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/search/QuickSearchBar.js

@@ -1,80 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuickSearchBar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var Dropdown_1 = require("../layout/Dropdown");
-var styles_1 = require("../forms/styles");
-var QuickSearchResults_1 = require("./QuickSearchResults");
-var usehooks_1 = require("@uidotdev/usehooks");
-var globalSearch_1 = require("../../services/globalSearch");
-var QuickSearchBar = function (_a) {
-    var _b, _c;
-    var types = _a.types, placeholder = _a.placeholder, _d = _a.inputComponent, InputComponent = _d === void 0 ? styles_1.Input : _d;
-    var _e = (0, react_1.useState)(''), term = _e[0], setTerm = _e[1];
-    var _f = (0, react_1.useState)(false), dropdownVisible = _f[0], setDropdownVisible = _f[1];
-    var debouncedTerm = (0, usehooks_1.useDebounce)(term, 300);
-    var _g = (0, react_1.useState)(null), results = _g[0], setResults = _g[1];
-    var fakeInputRef = (0, react_1.useRef)(null);
-    var inputRef = (0, react_1.useRef)(null);
-    var rect = (_c = (_b = fakeInputRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) !== null && _c !== void 0 ? _c : new DOMRect();
-    var destRect = new DOMRect(rect.x, rect.y, rect.width, 0);
-    var globalSearch = (0, globalSearch_1.useGlobalSearchRequestHandler)();
-    (0, react_1.useEffect)(function () {
-        if (debouncedTerm) {
-            globalSearch({
-                types: types,
-                searchTerm: debouncedTerm,
-                limit: 5,
-            }).then(function (response) {
-                setResults(response.data);
-                setDropdownVisible(true);
-            });
-        }
-    }, [globalSearch, debouncedTerm, types]);
-    var onFocus = (0, react_1.useCallback)(function () {
-        setDropdownVisible(true);
-        requestAnimationFrame(function () {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        });
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InputComponent, { type: "text", ref: fakeInputRef, value: term, onFocus: onFocus, placeholder: placeholder }), dropdownVisible && rect && ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { "$sourceRect": destRect, onClose: function () { return setDropdownVisible(false); }, "$width": rect.width, "$height": [results ? 250 : rect.height, 400], "$autoPositionY": false, children: (0, jsx_runtime_1.jsxs)(styles.QuickSearchDropdownContainer, { children: [(0, jsx_runtime_1.jsx)(InputComponent, { type: "text", ref: inputRef, value: term, placeholder: placeholder, onChange: function (e) { return setTerm(e.target.value); }, onClick: function (e) { return e.stopPropagation(); }, onPaste: function (e) {
-                                e.clipboardData.getData('text');
-                            } }), results && ((0, jsx_runtime_1.jsx)(QuickSearchResults_1.QuickSearchResults, { results: results, definitions: types, term: debouncedTerm }))] }) }))] }));
-};
-exports.QuickSearchBar = QuickSearchBar;

package/dist/components/search/QuickSearchResults.d.ts

@@ -1,8 +0,0 @@
-import { SearchResults, SearchTypeDefinitions } from './types';
-type QuickSearchResultsProps<R> = {
-    definitions: SearchTypeDefinitions<R>;
-    results: SearchResults<R>;
-    term: string;
-};
-export declare const QuickSearchResults: <R>(props: QuickSearchResultsProps<R>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/search/QuickSearchResults.js

@@ -1,80 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-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.QuickSearchResults = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var lodash_1 = require("lodash");
-var QuickSearchResults = function (props) {
-    var definitions = props.definitions, allResults = props.results, term = props.term;
-    var _a = (0, react_1.useState)(-1), highlightedIndex = _a[0], setHighlightedIndex = _a[1];
-    var notEmptyResults = (0, lodash_1.pickBy)(allResults, function (results) { return results.length > 0; });
-    var resultsArray = (0, react_1.useMemo)(function () {
-        return Object.keys(notEmptyResults).reduce(function (acc, type) { return __spreadArray(__spreadArray([], acc, true), notEmptyResults[type].map(function (result) { return ({
-            result: result,
-            type: type,
-        }); }), true); }, []);
-    }, [notEmptyResults]);
-    var elements = (0, react_1.useMemo)(function () {
-        var elements = [];
-        var currentType = null;
-        resultsArray.forEach(function (_a, index) {
-            var result = _a.result, type = _a.type;
-            var definition = definitions[type];
-            if (currentType !== type) {
-                currentType = type;
-                elements.push((0, jsx_runtime_1.jsx)(styles.QuickSearchResultsTitle, { children: definition.title }, "title-".concat(String(type))));
-            }
-            elements.push((0, jsx_runtime_1.jsx)(styles.QuickSearchResultsItem, { onClick: function () { var _a; return (_a = definition.onClick) === null || _a === void 0 ? void 0 : _a.call(definition, result); }, onMouseEnter: function () { return setHighlightedIndex(index); }, className: highlightedIndex === index ? 'highlighted' : '', children: definition.quickRenderer(result, term) }, "result-".concat(index)));
-        });
-        return elements;
-    }, [definitions, highlightedIndex, resultsArray, term]);
-    var highlightedResult = resultsArray[highlightedIndex];
-    var highlightedDefinition = highlightedResult
-        ? definitions[highlightedResult === null || highlightedResult === void 0 ? void 0 : highlightedResult.type]
-        : null;
-    return ((0, jsx_runtime_1.jsxs)(styles.QuickSearchResultsContainer, { children: [(0, jsx_runtime_1.jsx)(styles.QuickSearchResultsListContainer, { children: elements }), highlightedDefinition && ((0, jsx_runtime_1.jsxs)(styles.QuickSearchResultsDetailsContainer, { children: [highlightedDefinition.titleRenderer(highlightedResult.result, term), (0, jsx_runtime_1.jsx)(styles.QuickSearchResultsDetailsDivider, {}), highlightedDefinition.detailsRenderer(highlightedResult.result, term)] }))] }));
-};
-exports.QuickSearchResults = QuickSearchResults;

package/dist/components/search/index.d.ts

@@ -1,5 +0,0 @@
-export * from './QuickSearchBar';
-export * from './QuickSearchResults';
-export * from './HighlightedText';
-export * from './types';
-export { QuickSearchResultDetailsTitle, QuickSearchResultsDetailsList, QuickSearchResultsDetailsTerm, } from './styles';

package/dist/components/search/index.js

@@ -1,25 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 });
-exports.QuickSearchResultsDetailsTerm = exports.QuickSearchResultsDetailsList = exports.QuickSearchResultDetailsTitle = void 0;
-__exportStar(require("./QuickSearchBar"), exports);
-__exportStar(require("./QuickSearchResults"), exports);
-__exportStar(require("./HighlightedText"), exports);
-__exportStar(require("./types"), exports);
-var styles_1 = require("./styles");
-Object.defineProperty(exports, "QuickSearchResultDetailsTitle", { enumerable: true, get: function () { return styles_1.QuickSearchResultDetailsTitle; } });
-Object.defineProperty(exports, "QuickSearchResultsDetailsList", { enumerable: true, get: function () { return styles_1.QuickSearchResultsDetailsList; } });
-Object.defineProperty(exports, "QuickSearchResultsDetailsTerm", { enumerable: true, get: function () { return styles_1.QuickSearchResultsDetailsTerm; } });

package/dist/components/search/styles.d.ts

@@ -1,10 +0,0 @@
-export declare const QuickSearchDropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const QuickSearchResultsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const QuickSearchResultsListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const QuickSearchResultsTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const QuickSearchResultsItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const QuickSearchResultsDetailsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const QuickSearchResultsDetailsDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
-export declare const QuickSearchResultDetailsTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const QuickSearchResultsDetailsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>>, never>, never>> & string;
-export declare const QuickSearchResultsDetailsTerm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>, never>, never>> & string;

package/dist/components/search/styles.js

@@ -1,40 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuickSearchResultsDetailsTerm = exports.QuickSearchResultsDetailsList = exports.QuickSearchResultDetailsTitle = exports.QuickSearchResultsDetailsDivider = exports.QuickSearchResultsDetailsContainer = exports.QuickSearchResultsItem = exports.QuickSearchResultsTitle = exports.QuickSearchResultsListContainer = exports.QuickSearchResultsContainer = exports.QuickSearchDropdownContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.QuickSearchDropdownContainer = styled_components_1.default.div.attrs({
-    className: 'QuickSearchDropdownContainer',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
-exports.QuickSearchResultsContainer = styled_components_1.default.div.attrs({
-    className: 'QuickSearchResultsContainer',
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  flex: 1;\n  padding: var(--space-2) 0;\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  flex: 1;\n  padding: var(--space-2) 0;\n  overflow: hidden;\n"])));
-exports.QuickSearchResultsListContainer = styled_components_1.default.div.attrs({
-    className: 'QuickSearchResultsListContainer',
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: var(--space-2);\n  border-right: 1px solid var(--color-base-200);\n  flex: 1;\n  overflow: auto;\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: var(--space-2);\n  border-right: 1px solid var(--color-base-200);\n  flex: 1;\n  overflow: auto;\n"])));
-exports.QuickSearchResultsTitle = styled_components_1.default.div.attrs({
-    className: 'QuickSearchResultsTitle',
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0;\n  margin-bottom: var(--space-1);\n  &:not(:first-child) {\n    margin-top: var(--space-2);\n  }\n  font-weight: bold;\n  font-size: var(--text-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--color-text-500);\n"], ["\n  margin: 0;\n  margin-bottom: var(--space-1);\n  &:not(:first-child) {\n    margin-top: var(--space-2);\n  }\n  font-weight: bold;\n  font-size: var(--text-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--color-text-500);\n"])));
-exports.QuickSearchResultsItem = styled_components_1.default.div.attrs({
-    className: 'QuickSearchResultsItem',
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: var(--space-2) var(--space-3);\n  cursor: pointer;\n  border-radius: 4px;\n  &:hover {\n    background-color: var(--color-base-100);\n  }\n"], ["\n  padding: var(--space-2) var(--space-3);\n  cursor: pointer;\n  border-radius: 4px;\n  &:hover {\n    background-color: var(--color-base-100);\n  }\n"])));
-exports.QuickSearchResultsDetailsContainer = styled_components_1.default.div.attrs({
-    className: 'QuickSearchResultsDetailsContainer',
-})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: var(--space-2);\n  flex: 1;\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: var(--space-2);\n  flex: 1;\n"])));
-exports.QuickSearchResultsDetailsDivider = styled_components_1.default.hr(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin: var(--space-2) 0;\n  height: 1px;\n  border: none;\n  background-color: var(--color-base-200);\n"], ["\n  margin: var(--space-2) 0;\n  height: 1px;\n  border: none;\n  background-color: var(--color-base-200);\n"])));
-exports.QuickSearchResultDetailsTitle = styled_components_1.default.div.attrs({
-    className: 'QuickSearchResultDetailsTitle',
-})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
-exports.QuickSearchResultsDetailsList = styled_components_1.default.dl.attrs({
-    className: 'QuickSearchResultsDetailsList',
-})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 3fr;\n  grid-gap: var(--space-2);\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 3fr;\n  grid-gap: var(--space-2);\n"])));
-exports.QuickSearchResultsDetailsTerm = styled_components_1.default.dt.attrs({
-    className: 'QuickSearchResultsDetailsTerm',
-})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  text-transform: uppercase;\n  font-size: var(--text-sm);\n  font-weight: bold;\n  color: var(--color-text-500);\n"], ["\n  text-transform: uppercase;\n  font-size: var(--text-sm);\n  font-weight: bold;\n  color: var(--color-text-500);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/dist/components/search/types.d.ts

@@ -1,24 +0,0 @@
-import { ConditionDTO, OrderByDTO } from '../../services/sqlRequests';
-import { FC, ReactNode } from 'react';
-export type SearchTypeDefinition<T> = {
-    title: string;
-    orderBy?: OrderByDTO[];
-    conditions?: ConditionDTO[];
-    quickRenderer: (result: T, term: string) => ReactNode;
-    titleRenderer: (result: T, term: string) => ReactNode;
-    detailsRenderer: (result: T, term: string) => ReactNode;
-    onClick?: (result: T) => void;
-};
-export type SearchTypeDefinitions<R> = {
-    [K in keyof R]: SearchTypeDefinition<R[K]>;
-};
-export type SearchResults<R> = {
-    [K in keyof R]: Array<R[K]>;
-};
-export type SearchDetailsFC<T> = FC<{
-    searchResult: T;
-}>;
-export type ResultArray<R> = {
-    result: R[keyof R];
-    type: keyof R;
-}[];

package/dist/components/search/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/ui/Avatar/index.d.ts

@@ -1,10 +0,0 @@
-import * as styles from './styles';
-import { FC, PropsWithChildren } from 'react';
-import { ThemeColorWithIntensity } from '../../../providers/ThemeProvider/types';
-type AvatarProps = PropsWithChildren<{
-    className?: string;
-    name?: string;
-    color?: ThemeColorWithIntensity;
-} & styles.AvatarContainerProps>;
-export declare const Avatar: FC<AvatarProps>;
-export {};